# Visual Effect components

> Transform your UI with 12 visual effects components for React, leveraging Tailwind CSS for eye-catching transitions and animations.

36 components available. Showing all of them below.

- [Thanos snap effect](https://21st.dev/@bart-krakowski/components/thanos-snap-effect.md) — by Bartłomiej Krakowski
- [Hero Odyssey](https://21st.dev/@erikvalencia1/components/hero-odyssey.md) — by Ruben
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/background.md) — by Daniel Petho
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter.md) — by Daniel Petho
- [Glow Effect](https://21st.dev/@ibelick/components/glow-effect.md) — by Julien Thibeaut
- [Glow Effect](https://21st.dev/@ibelick/components/glow-effect/card-with-glow.md) — by Julien Thibeaut
- [Glow Effect](https://21st.dev/@ibelick/components/glow-effect/glow-effect-button.md) — by Julien Thibeaut
- [Meteors](https://21st.dev/@manuarora700/components/meteors.md) — by Manu Arora
- [Canvas Reveal Effect](https://21st.dev/@manuarora700/components/canvas-reveal-effect.md) — by Manu Arora
- [Energy Beam](https://21st.dev/@sensewood8/components/energy-beam.md) — by Saifullah Channa
- [Meteors](https://21st.dev/@dillionverma/components/meteors.md) — by Dillion Verma
- [Lightning Split](https://21st.dev/@cinquinandy/components/lightning-split.md) — by Cinquin Andy
- [Matrix Code](https://21st.dev/@minhxthanh/components/matrix-code/matrix-code.md) — by Le Thanh
- [WaterRippleImage](https://21st.dev/@rahil1202/components/water-ripple-image.md) — by Rahil Vahora
- [Border Beam](https://21st.dev/@badtzx0/components/border-beam.md) — by badtz
- [Thermal Shader](https://21st.dev/@designali-in/components/thermal-shader.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
- [LiquidGlass](https://21st.dev/@manfromexistence/components/liquid-glass.md) — by Man From Existence
- [Smoke Effect](https://21st.dev/@jatin-yadav05/components/smoke-card.md) — by Jatin Yadav
- [VectorField](https://21st.dev/@xubohuah/components/vector-field.md) — by KainXu
- [Smokey Cursor Effect](https://21st.dev/@uniquesonu/components/smokey-cursor-effect.md) — by Sonu
- [Ripple Distortion](https://21st.dev/@ruixen.ui/components/ripple-distortion.md) — by Ruixen UI
- [Glass Effect](https://21st.dev/@cult-ui/components/glass-effect.md) — by cult/ui
- [Liquid Glass](https://21st.dev/@paceui/components/liquid-glass.md) — by Pace UI
- [Animated Canvas](https://21st.dev/@designali-in/components/animated-canvas.md) — by Ali Imam
- [Rain](https://21st.dev/@designali-in/components/rain.md) — by Ali Imam
- [Cursor Gradient](https://21st.dev/@uilayout.contact/components/cursor-gradient.md) — by UI Layouts
- [Triangles Falling](https://21st.dev/@minhxthanh/components/triangles-falling.md) — by Le Thanh
- [Neon Maze](https://21st.dev/@muntazirzaidi/components/neon-maze/neon-maze.md) — by muntazirzaidi
- [Void Animation](https://21st.dev/@designali-in/components/void-animation.md) — by Ali Imam
- [Draw With Cursor](https://21st.dev/@aghasisahakyan1/components/draw-with-cursor.md) — by Erik X
- [Ripple Canvas](https://21st.dev/@designali-in/components/ripple-canvas.md) — by Ali Imam
- [Sliding Ease](https://21st.dev/@uilayout.contact/components/sliding-ease.md) — by UI Layouts
- [Magnet Lines](https://21st.dev/@componentry/components/magnet-lines.md) — by Componentry
- [Sparkle Card](https://21st.dev/@user_hardp/components/sparkle-card.md) — by user_hardp

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