# Sparkle components

> Add sparkle effects to your UI with 4 unique React components, powered by Tailwind CSS for engaging, animated visuals.

18 components available. Showing all of them below.

- [Sparkles](https://21st.dev/@manuarora700/components/sparkles.md) — by Manu Arora
- [Sparkles](https://21st.dev/@serafimcloud/components/sparkles/with-progressive-blur-and-slider.md) — by LunarUI
- [Sparkles](https://21st.dev/@lepikhinb/components/sparkles.md) — by LunarUI
- [Sparkles Text](https://21st.dev/@dillionverma/components/sparkles-text.md) — by Dillion Verma
- [Star button](https://21st.dev/@aghasisahakyan1/components/star-button.md) — by Erik X
- [Animated Generate Button (shadcn + Tailwind)](https://21st.dev/@moazamtrade/components/animated-generate-button-shadcn-tailwind.md) — by shadway
- [Button](https://21st.dev/@hari/components/button-8.md) — by Hari Lamichhane
- [Star Button](https://21st.dev/@m.umairwaheedansari/components/star-button.md) — by Umair Waheed
- [Stardust Button](https://21st.dev/@muhammad-binsalman/components/stardust-button.md) — by M.bin Salman
- [magic dust shader](https://21st.dev/@alexperezcedeno/components/magic-dust-shader.md) — by uithefactory
- [Animated Hero with WebGL Glitter](https://21st.dev/@cinquinandy/components/animated-hero-with-web-gl-glitter.md) — by Cinquin Andy
- [Spark Effect](https://21st.dev/@designali-in/components/spark-effect.md) — by Ali Imam
- [Magic Cursor](https://21st.dev/@bucharitesh/components/magic-cursor.md) — by Ritesh Bucha
- [Mouse Spark](https://21st.dev/@ruixen.ui/components/mouse-spark.md) — by Ruixen UI
- [Fireflies 1](https://21st.dev/@xordev/components/fireflies-1.md) — by xordev
- [MagicTree](https://21st.dev/@ruixen.ui/components/magic-tree.md) — by Ruixen UI
- [Sparkle Card](https://21st.dev/@user_hardp/components/sparkle-card.md) — by user_hardp
- [Sparkles Field](https://21st.dev/@nexus-ui/components/sparkles.md) — by Nexus UI

Full component directory: https://21st.dev/llms.txt