# Mouse components

> Enhance interactivity with 7 mouse-driven React components, utilizing Tailwind CSS for responsive tracking and dynamic effects.

54 components available. Showing all of them below.

- [Animated Tooltip](https://21st.dev/@manuarora700/components/animated-tooltip.md) — by Manu Arora
- [Wave Path](https://21st.dev/@sshahaider/components/wave-path.md) — by Efferd
- [Stacked Panels Cursor intereactive component](https://21st.dev/@moazamtrade/components/stacked-panels-cursor-intereactive-component.md) — by shadway
- [Dynamic Hero](https://21st.dev/@easemize/components/dynamic-hero.md) — by Hossain Jahed
- [Isometric Wave Grid Background](https://21st.dev/@easemize/components/isometric-wave-grid-background.md) — by Hossain Jahed
- [Particles BG](https://21st.dev/@m.umairwaheedansari/components/particles-bg.md) — by Umair Waheed
- [ASMR background](https://21st.dev/@ashishrajwaniai01/components/asmr-background.md) — by ashish rajwani
- [Spotlight Card](https://21st.dev/@berkcangumusisik/components/spotlight-card.md) — by Berkcan Gümüşışık
- [useMousePositionRef](https://21st.dev/@danielpetho/components/use-mouse-position-ref.md) — by Daniel Petho
- [Cyber Matrix Hero](https://21st.dev/@dhileepkumargm/components/cyber-matrix-hero.md) — by Dhileep Kumar GM
- [GeometricBlurMesh](https://21st.dev/@xubohuah/components/geometric-blur-mesh.md) — by KainXu
- [Diagram Card](https://21st.dev/@manuarora700/components/diagram-card.md) — by Manu Arora
- [Text Reveal Card](https://21st.dev/@manuarora700/components/text-reveal-card.md) — by Manu Arora
- [Cursor Follower](https://21st.dev/@uilayout.contact/components/cursor-follower.md) — by UI Layouts
- [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
- [Spotlight Cursor](https://21st.dev/@uilayout.contact/components/spotlight-cursor.md) — by UI Layouts
- [BendText](https://21st.dev/@xubohuah/components/bend-text.md) — by KainXu
- [Mouse Following Line](https://21st.dev/@ravikatiyar162/components/mouse-following-line.md) — by Ravi Katiyar
- [Smoke Effect](https://21st.dev/@jatin-yadav05/components/smoke-card.md) — by Jatin Yadav
- [Inverted Cursor](https://21st.dev/@Mazyar kawa/components/inverted-cursor.md) — by Mazyar kawa
- [Interactive Light](https://21st.dev/@designali-in/components/interactive-light.md) — by Ali Imam
- [Interactive Dots](https://21st.dev/@designali-in/components/interactive-dots.md) — by Ali Imam
- [LivingVineBackground](https://21st.dev/@dhileepkumargm/components/living-vine-background.md) — by Dhileep Kumar GM
- [Fractal Bloom Tree](https://21st.dev/@dhileepkumargm/components/fractal-bloom-tree.md) — by Dhileep Kumar GM
- [Interactive Waves](https://21st.dev/@dhileepkumargm/components/interactive-waves.md) — by Dhileep Kumar GM
- [Cursor](https://21st.dev/@skyleen77/components/cursor.md) — by Elliot Sutton
- [Ripple Distortion](https://21st.dev/@ruixen.ui/components/ripple-distortion.md) — by Ruixen UI
- [Interactive Canvas](https://21st.dev/@designali-in/components/interactive-canvas.md) — by Ali Imam
- [Mouse-Responsive Background](https://21st.dev/@minhxthanh/components/mouse-responsive-background.md) — by Le Thanh
- [Image Mouse Trail](https://21st.dev/@uilayout.contact/components/image-mousetrail-without-component.md) — by UI Layouts
- [Mouse Following Eyes](https://21st.dev/@preetsuthar17/components/mouse-following-eyes.md) — by Preet Suthar
- [Spotlight Background](https://21st.dev/@ruixen.ui/components/spotlight-background.md) — by Ruixen UI
- [Interactive 3D Character](https://21st.dev/@dhileepkumargm/components/interactive-3d-character.md) — by Dhileep Kumar GM
- [Hyperdrive hero](https://21st.dev/@dhileepkumargm/components/hyperdrive-hero.md) — by Dhileep Kumar GM
- [useMousePosition](https://21st.dev/@danielpetho/components/use-mouse-position.md) — by Daniel Petho
- [Mouse follow animations](https://21st.dev/@reuno-ui/components/mouse-follow-animations.md) — by reuno-ui
- [useMouseVector](https://21st.dev/@danielpetho/components/use-mouse-vector.md) — by Daniel Petho
- [Mouse trail](https://21st.dev/@kedhareswer.12110626/components/mouse-trail.md) — by Kedhareswer Naidu
- [Smooth Cursor](https://21st.dev/@dillionverma/components/smooth-cursor.md) — by Dillion Verma
- [useElasticLineEvents](https://21st.dev/@danielpetho/components/use-elastic-line-events.md) — by Daniel Petho
- [Draw With Cursor](https://21st.dev/@aghasisahakyan1/components/draw-with-cursor.md) — by Erik X
- [Mouse Quadrant Tracker](https://21st.dev/@designali-in/components/mouse-quadrant-tracker.md) — by Ali Imam
- [Fluid Canvas](https://21st.dev/@jatin-yadav05/components/fluid-canvas.md) — by Jatin Yadav
- [Custom Cursor](https://21st.dev/@lukacho/components/custom-cursor.md) — by lukacho/ui
- [Image Trail](https://21st.dev/@nexus-ui/components/image-trail.md) — by Nexus UI
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating.md) — by Cnippet
- [Focus Hero](https://21st.dev/@arunjdass/components/focus-hero.md) — by Arun Dass
- [Eye Tracking](https://21st.dev/@componentry/components/eye-tracking.md) — by Componentry
- [Grid Bloom](https://21st.dev/@chamaac/components/grid-bloom.md) — by chamaac
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating/floating-symbols.md) — by Cnippet
- [Cursor Trail](https://21st.dev/@grootstudio/components/cursor-trail.md) — by Groot Studio
- [Mouse Wave Text](https://21st.dev/@pacekit/components/mouse-wave-text.md) — by PaceKit
- [Animated Fractal Dot Grid](https://21st.dev/@cult-ui/components/bg-animated-fractal-dot-grid.md) — by cult/ui

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