# Particle components

> Add dynamic visuals with 37 particle effect components, optimized for React and styled with Tailwind CSS.

145 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/particle.

- [Particles](https://21st.dev/@dillionverma/components/particles.md) — by Dillion Verma
- [Interactive Text Particle](https://21st.dev/@easemize/components/interactive-text-particle.md) — by Hossain Jahed
- [Particles BG](https://21st.dev/@m.umairwaheedansari/components/particles-bg.md) — by Umair Waheed
- [Cursor Driven Particles Typography](https://21st.dev/@harshjadhavconnect/components/cursor-driven-particles-typography.md) — by Harsh Jadhav
- [Particle Animation](https://21st.dev/@kedhareswer.12110626/components/particle-animation.md) — by Kedhareswer Naidu
- [Interactive Particle Typography](https://21st.dev/@minhxthanh/components/interactive-particle-typography-1.md) — by Le Thanh
- [Particle Canvas](https://21st.dev/@designali-in/components/particle-canvas-1.md) — by Ali Imam
- [Threejs particles waves](https://21st.dev/@critcoder/components/threejs-particles-waves.md) — by gg
- [Particle Animation](https://21st.dev/@designali-in/components/particle-animation.md) — by Ali Imam
- [ClickTriggerParticles](https://21st.dev/@jatin-yadav05/components/click-trigger-particles.md) — by Jatin Yadav
- [Spark Effect](https://21st.dev/@designali-in/components/spark-effect.md) — by Ali Imam
- [Particle Text](https://21st.dev/@lovesickfromthe6ix/components/particle-text.md) — by scott clayton
- [Smoke Effect](https://21st.dev/@jatin-yadav05/components/smoke-card.md) — by Jatin Yadav
- [Particles](https://21st.dev/@scrollxui/components/particles.md) — by ScrollX UI
- [Floating Particles](https://21st.dev/@designali-in/components/floating-particles.md) — by Ali Imam
- [Quantum Nebula](https://21st.dev/@dhileepkumargm/components/quantum-nebula.md) — by Dhileep Kumar GM
- [Rising Glow](https://21st.dev/@ruixen.ui/components/rising-glow.md) — by Ruixen UI
- [Fluid Particle](https://21st.dev/@designali-in/components/fluid-particle.md) — by Ali Imam
- [Particle Animation](https://21st.dev/@designali-in/components/particle-animation-1.md) — by Ali Imam
- [Particles](https://21st.dev/@preetsuthar17/components/particles.md) — by Preet Suthar
- [Particle Canvas](https://21st.dev/@designali-in/components/particle-canvas.md) — by Ali Imam
- [Particle canvas](https://21st.dev/@designali-in/components/particle-canvas-2.md) — by Ali Imam
- [Sparkles Field](https://21st.dev/@nexus-ui/components/sparkles.md) — by Nexus UI
- [Sparkles](https://21st.dev/@manuarora700/components/sparkles.md) — by Manu Arora
- [Dotted Surface](https://21st.dev/@sshahaider/components/dotted-surface.md) — by Efferd
- [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh
- [ParticleTextEffect](https://21st.dev/@xubohuah/components/particle-text-effect.md) — by KainXu
- [SpiralAnimation](https://21st.dev/@xubohuah/components/spiral-animation.md) — by KainXu
- [Vapour Text Effect](https://21st.dev/@jatin-yadav05/components/vapour-text-effect.md) — by Jatin Yadav
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern.md) — by Efferd
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern/custom-colors.md) — by Efferd
- [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed
- [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
- [Aether Flow Hero](https://21st.dev/@dhileepkumargm/components/aether-flow-hero.md) — by Dhileep Kumar GM
- [Woven Light Hero](https://21st.dev/@dhileepkumargm/components/woven-light-hero.md) — by Dhileep Kumar GM
- [Vortex Background](https://21st.dev/@manuarora700/components/vortex.md) — by Manu Arora
- [Galaxy Interactive Hero Section](https://21st.dev/@aghasisahakyan1/components/galaxy-interactive-hero-section.md) — by Erik X
- [particle effect for hero](https://21st.dev/@avanishverma4/components/particle-effect-for-hero.md) — by Awanish Verma
- [Magnetize Button](https://21st.dev/@kokonutd/components/magnetize-button.md) — by Kokonut Baffier
- [Shooting Stars](https://21st.dev/@manuarora700/components/shooting-stars.md) — by Manu Arora
- [Entropy](https://21st.dev/@xubohuah/components/entropy.md) — by KainXu
- [ScannerCardStream](https://21st.dev/@rahil1202/components/scanner-card-stream.md) — by Rahil Vahora
- [Mountain Scene](https://21st.dev/@dhileepkumargm/components/mountain-scene.md) — by Dhileep Kumar GM
- [Particle Button](https://21st.dev/@kokonutd/components/particle-button.md) — by Kokonut Baffier
- [Login / Signup](https://21st.dev/@lyanchouss/components/login-signup/forgot-password.md) — by Liana Pepanyan
- [Background Beams With Collision](https://21st.dev/@manuarora700/components/background-beams-with-collision.md) — by Manu Arora
- [Particle Hero](https://21st.dev/@designali-in/components/particle-hero.md) — by Ali Imam
- [3d orbit gallery](https://21st.dev/@moazamtrade/components/3d-orbit-gallery.md) — by shadway
- [Stars](https://21st.dev/@bundui/components/stars.md) — by Shadcn UI Kit
- [Meteors](https://21st.dev/@dillionverma/components/meteors.md) — by Dillion Verma
- [ASMR background](https://21st.dev/@ashishrajwaniai01/components/asmr-background.md) — by ashish rajwani
- [IA Siri Chat](https://21st.dev/@botsnew354/components/ia-siri-chat.md) — by S.dev
- [Minimal Auth Page](https://21st.dev/@sshahaider/components/minimal-auth-page.md) — by Efferd
- [Interactive Frosted Glass Card](https://21st.dev/@dhileepkumargm/components/interactive-frosted-glass-card.md) — by Dhileep Kumar GM
- [Stars Background](https://21st.dev/@manuarora700/components/stars-background.md) — by Manu Arora
- [ATC shader](https://21st.dev/@xordev/components/atc-shader.md) — by xordev
- [Fluid particles background](https://21st.dev/@bundui/components/fluid-particles-background.md) — by Shadcn UI Kit
- [Starfield](https://21st.dev/@designali-in/components/starfield-1.md) — by Ali Imam
- [Tunnel Hero](https://21st.dev/@m.umairwaheedansari/components/tunnel-hero.md) — by Umair Waheed

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