feat: add particles component

selemondev · Oct 8, 2024 · 1b1dec3 · 1b1dec3
1 parent 372c72e
commit 1b1dec3
Show file tree

Hide file tree

Showing 5 changed files with 1,667 additions and 0 deletions.
diff --git a/docs/.vitepress/theme/tailwind.css b/docs/.vitepress/theme/tailwind.css
@@ -1,3 +1,11 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.fill-primary-light {
+    fill: #063528;
+  }
+
+  .fill-primary-dark {
+    fill: #0d9373;
+  }
diff --git a/docs/index.md b/docs/index.md
@@ -86,3 +86,5 @@ import Demos from './src/components/Demos.vue'
 <demo src="./src/example/marquee/Demo.vue" />
 
 <demo src="./src/example/ripple/Demo.vue" />
+
+<demo src="./src/example/particles/Demo.vue" />
diff --git a/docs/src/example/particles/Demo.vue b/docs/src/example/particles/Demo.vue
@@ -0,0 +1,11 @@
+<script setup lang='ts'>
+import HeroParticles from './Particles.vue'
+import HeroBackground from './ParticlesBackground.vue'
+</script>
+
+<template>
+  <div class="relative w-[600px] h-[400px]">
+    <HeroParticles :accelerate="true" class="absolute top-0" />
+    <HeroBackground />
+  </div>
+</template>