# Interactive Effect components

> Browse 7 Interactive Effect components for React, styled with Tailwind CSS and ready for your Next.js project.

98 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/interactive-effect.

- [Spotlight Card](https://21st.dev/@easemize/components/spotlight-card.md) — by Hossain Jahed
- [The Infinite Grid](https://21st.dev/@moazamtrade/components/the-infinite-grid.md) — by shadway
- [Parallax Floating](https://21st.dev/@danielpetho/components/parallax-floating.md) — by Daniel Petho
- [Digital Serenity - Animated Landing Page](https://21st.dev/@minhxthanh/components/digital-serenity-animated-landing-page.md) — by Le Thanh
- [Image Trail](https://21st.dev/@danielpetho/components/image-trail.md) — by Daniel Petho
- [Ink Reveal](https://21st.dev/@aayush-duhan/components/ink-reveal.md) — by Aayush duhan
- [Pixel Trail](https://21st.dev/@danielpetho/components/pixel-trail.md) — by Daniel Petho
- [Pixel Canvas](https://21st.dev/@serafimcloud/components/pixel-canvas.md) — by Serafim
- [Tiles](https://21st.dev/@lukacho/components/tiles.md) — by lukacho/ui
- [Text Cursor Proximity](https://21st.dev/@danielpetho/components/text-cursor-proximity.md) — by Daniel Petho
- [Background Ripple Effect](https://21st.dev/@manuarora700/components/background-ripple-effect.md) — by Manu Arora
- [Tubes Curor](https://21st.dev/@jod49034/components/tubes-curor.md) — by Jod
- [Interactive Neural Vortex Background](https://21st.dev/@minhxthanh/components/interactive-neural-vortex-background.md) — by Le Thanh
- [Image Cursor Trail](https://21st.dev/@m.umairwaheedansari/components/image-cursor-trail.md) — by Umair Waheed
- [Cursor Driven Particles Typography](https://21st.dev/@harshjadhavconnect/components/cursor-driven-particles-typography.md) — by Harsh Jadhav
- [ASMR background](https://21st.dev/@ashishrajwaniai01/components/asmr-background.md) — by ashish rajwani
- [Text Disperse](https://21st.dev/@sshahaider/components/text-disperse.md) — by Efferd
- [Spotlight](https://21st.dev/@ibelick/components/spotlight.md) — by Julien Thibeaut
- [Theme Switch](https://21st.dev/@lyanchouss/components/theme-switch/theme-switch-flow.md) — by Liana Pepanyan
- [Balloons Pop background](https://21st.dev/@ashishrajwaniai01/components/balloons-pop-background.md) — by ashish rajwani
- [Shatter Button](https://21st.dev/@koustubhayadiyala36/components/shatter-button.md) — by Kousthubha Yadiyala
- [Particle Animation](https://21st.dev/@kedhareswer.12110626/components/particle-animation.md) — by Kedhareswer Naidu
- [Fluid Magnetic Cursor](https://21st.dev/@easemize/components/magnetic-cursor.md) — by Hossain Jahed
- [Cyber Matrix Hero](https://21st.dev/@dhileepkumargm/components/cyber-matrix-hero.md) — by Dhileep Kumar GM
- [Text Particle](https://21st.dev/@designali-in/components/text-particle.md) — by Ali Imam
- [Inverted Cursor](https://21st.dev/@arunachalam/components/inverted-cursor.md) — by Arunachalam
- [Liquid Cursor](https://21st.dev/@moumensoliman/components/liquid-cursor.md) — by Moumen Soliman
- [Magnetic](https://21st.dev/@ibelick/components/magnetic.md) — by Julien Thibeaut
- [SVG Follower](https://21st.dev/@designali-in/components/svg-follower.md) — by Ali Imam
- [MagnifierLens](https://21st.dev/@baozhouqi/components/magnifier-lens.md) — by Zhouqi Bao
- [Spider Cursor](https://21st.dev/@minhxthanh/components/spider-cursor.md) — by Le Thanh
- [Magnetic](https://21st.dev/@ibelick/components/magnetic/nested.md) — by Julien Thibeaut
- [Spotlight Cursor](https://21st.dev/@uilayout.contact/components/spotlight-cursor.md) — by UI Layouts
- [Interactive Grid](https://21st.dev/@designali-in/components/interactive-grid.md) — by Ali Imam
- [SVG Mask Effect](https://21st.dev/@manuarora700/components/svg-mask-effect.md) — by Manu Arora
- [Cursor](https://21st.dev/@ibelick/components/cursor.md) — by Julien Thibeaut
- [Bloodline](https://21st.dev/@patrick.thomas.dunn1988/components/bloodline.md) — by Patrick Dunn
- [ClickTriggerParticles](https://21st.dev/@jatin-yadav05/components/click-trigger-particles.md) — by Jatin Yadav
- [frosted-hover](https://21st.dev/@kedhareswer.12110626/components/frosted-hover.md) — by Kedhareswer Naidu
- [Smoke Effect](https://21st.dev/@jatin-yadav05/components/smoke-card.md) — by Jatin Yadav
- [Interactive Light](https://21st.dev/@designali-in/components/interactive-light.md) — by Ali Imam
- [Smokey Cursor Effect](https://21st.dev/@uniquesonu/components/smokey-cursor-effect.md) — by Sonu
- [HalftoneTrail](https://21st.dev/@aayush-duhan/components/halftone-trail.md) — by Aayush duhan
- [Tidal Cursor](https://21st.dev/@patrick.thomas.dunn1988/components/tidal-cursor.md) — by Patrick Dunn
- [tech-curosr](https://21st.dev/@mdafsarx/components/tech-curosr.md) — by Md afsar mahmud
- [Ripple Distortion](https://21st.dev/@ruixen.ui/components/ripple-distortion.md) — by Ruixen UI
- [CrystalCursor](https://21st.dev/@dhileepkumargm/components/crystal-cursor.md) — by Dhileep Kumar GM
- [Interactive Canvas](https://21st.dev/@designali-in/components/interactive-canvas.md) — by Ali Imam
- [Cursor Follow](https://21st.dev/@educlopez/components/cursor-follow.md) — by Edu Calvo
- [Spotlight Background](https://21st.dev/@ruixen.ui/components/spotlight-background.md) — by Ruixen UI
- [Wet Paint Button](https://21st.dev/@vaib215/components/wet-paint-button.md) — by Vaibhav Kumar Singh
- [Text Explode](https://21st.dev/@minhxthanh/components/text-explode.md) — by Le Thanh
- [Elastic Line](https://21st.dev/@danielpetho/components/elastic-line.md) — by Daniel Petho
- [useMousePosition](https://21st.dev/@danielpetho/components/use-mouse-position.md) — by Daniel Petho
- [Magic Cursor](https://21st.dev/@bucharitesh/components/magic-cursor.md) — by Ritesh Bucha
- [Mouse follow animations](https://21st.dev/@reuno-ui/components/mouse-follow-animations.md) — by reuno-ui
- [Liquid Glass](https://21st.dev/@paceui/components/liquid-glass.md) — by Pace UI
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars/horizontal-bars.md) — by UI Layouts
- [Particles](https://21st.dev/@preetsuthar17/components/particles.md) — by Preet Suthar
- [useElasticLineEvents](https://21st.dev/@danielpetho/components/use-elastic-line-events.md) — by Daniel Petho

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