diff --git a/docs/.vitepress/theme/tailwind.css b/docs/.vitepress/theme/tailwind.css
index b5c61c9..0c6c035 100755
--- 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
index f087fd7..4a067f0 100755
--- a/docs/index.md
+++ b/docs/index.md
@@ -86,3 +86,5 @@ import Demos from './src/components/Demos.vue'
+
+
diff --git a/docs/src/example/particles/Demo.vue b/docs/src/example/particles/Demo.vue
new file mode 100644
index 0000000..21ab836
--- /dev/null
+++ b/docs/src/example/particles/Demo.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
diff --git a/docs/src/example/particles/Particles.vue b/docs/src/example/particles/Particles.vue
new file mode 100644
index 0000000..cf38c47
--- /dev/null
+++ b/docs/src/example/particles/Particles.vue
@@ -0,0 +1,1603 @@
+
+
+
+
+
+
+
diff --git a/docs/src/example/particles/ParticlesBackground.vue b/docs/src/example/particles/ParticlesBackground.vue
new file mode 100644
index 0000000..7c8ee19
--- /dev/null
+++ b/docs/src/example/particles/ParticlesBackground.vue
@@ -0,0 +1,43 @@
+
+
+
+
+