# Interactive components

> Explore 88 interactive React UI components for dynamic user experiences, crafted with Tailwind CSS and optimized for Next.js projects.

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

- [Poor Ghost](https://21st.dev/@dhileepkumargm/components/poor-ghost.md) — by Dhileep Kumar GM
- [Scroll Morph Hero](https://21st.dev/@prashantsom75/components/scroll-morph-hero.md) — by Prashant Som
- [Interactive Image Accordion](https://21st.dev/@minhxthanh/components/interactive-image-accordion.md) — by Le Thanh
- [ParticleTextEffect](https://21st.dev/@xubohuah/components/particle-text-effect.md) — by KainXu
- [Globe](https://21st.dev/@dillionverma/components/globe.md) — by Dillion Verma
- [Wireframe Dotted Globe](https://21st.dev/@moazamtrade/components/wireframe-dotted-globe.md) — by shadway
- [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed
- [Interactive Selector](https://21st.dev/@minhxthanh/components/interactive-selector.md) — by Le Thanh
- [Interactive 3D Robot](https://21st.dev/@aghasisahakyan1/components/interactive-3d-robot.md) — by Erik X
- [Aether Flow Hero](https://21st.dev/@dhileepkumargm/components/aether-flow-hero.md) — by Dhileep Kumar GM
- [Expand Map](https://21st.dev/@jatin-yadav05/components/expand-map.md) — by Jatin Yadav
- [COBE Globe](https://21st.dev/@shuding/components/cobe-globe.md) — by shuding
- [Modern Mobile Menu](https://21st.dev/@easemize/components/modern-mobile-menu.md) — by Hossain Jahed
- [Interactive Globe](https://21st.dev/@dev.yadhakim/components/interactive-globe.md) — by Yad Hakim
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card.md) — by tom
- [Woven Light Hero](https://21st.dev/@dhileepkumargm/components/woven-light-hero.md) — by Dhileep Kumar GM
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/evade.md) — by tom
- [expand-cards](https://21st.dev/@misbahansar/components/expand-cards.md) — by Misbah Ansari
- [particle effect for hero](https://21st.dev/@avanishverma4/components/particle-effect-for-hero.md) — by Awanish Verma
- [Arc Gallery Hero Component](https://21st.dev/@minhxthanh/components/arc-gallery-hero-component.md) — by Le Thanh
- [Wave Path](https://21st.dev/@sshahaider/components/wave-path.md) — by Efferd
- [macOS Dock](https://21st.dev/@dhmnpunit/components/mac-os-dock.md) — by briidgedotone
- [Neon Flow](https://21st.dev/@yashvw25/components/neon-flow.md) — by Yash
- [Interactive Icon Cloud](https://21st.dev/@dillionverma/components/interactive-icon-cloud.md) — by Dillion Verma
- [Magnetize Button](https://21st.dev/@kokonutd/components/magnetize-button.md) — by Kokonut Baffier
- [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
- [Image Swiper](https://21st.dev/@easemize/components/image-swiper.md) — by Hossain Jahed
- [Expandable Card](https://21st.dev/@aghasisahakyan1/components/expandable-card.md) — by Erik X
- [Carousel](https://21st.dev/@manuarora700/components/carousel.md) — by Manu Arora
- [Stacked Cards Interaction](https://21st.dev/@chetanverma16/components/stacked-cards-interaction.md) — by Chetan Verma
- [Reveal Wave Image](https://21st.dev/@hinedy/components/reveal-wave-image.md) — by hinedy
- [Glass Calendar](https://21st.dev/@ravikatiyar162/components/glass-calendar.md) — by Ravi Katiyar
- [Glow](https://21st.dev/@mikolajdobrucki/components/glow.md) — by Mikolaj Dobrucki
- [infinite grid integration](https://21st.dev/@avanishverma4/components/infinite-grid-integration.md) — by Awanish Verma
- [Card](https://21st.dev/@ravikatiyar162/components/card-7.md) — by Ravi Katiyar
- [3D Image gallery](https://21st.dev/@moazamtrade/components/3d-image-gallery.md) — by shadway
- [Globe Interactive](https://21st.dev/@shuding/components/cobe-globe-interactive.md) — by shuding
- [Voice Powered Orb](https://21st.dev/@isaiahbjork/components/voice-powered-orb.md) — by Isaiah
- [Animated Hero Section](https://21st.dev/@uniquesonu/components/animated-hero-section.md) — by Sonu
- [Interactive Map](https://21st.dev/@lovesickfromthe6ix/components/interactive-map.md) — by scott clayton
- [Hover Glow Button](https://21st.dev/@easemize/components/hover-glow-button.md) — by Hossain Jahed
- [Interactive Checkout](https://21st.dev/@kokonutd/components/interactive-checkout.md) — by Kokonut Baffier
- [Interactive Text Particle](https://21st.dev/@easemize/components/interactive-text-particle.md) — by Hossain Jahed
- [DataGridHero](https://21st.dev/@dhileepkumargm/components/data-grid-hero.md) — by Dhileep Kumar GM
- [Stars](https://21st.dev/@bundui/components/stars.md) — by Shadcn UI Kit
- [Particles BG](https://21st.dev/@m.umairwaheedansari/components/particles-bg.md) — by Umair Waheed
- [Ruler Carousel](https://21st.dev/@isaiahbjork/components/ruler-carousel.md) — by Isaiah
- [Lamp Tooltip](https://21st.dev/@fanoflix/components/lamp-tooltip.md) — by Muhammad Ammar
- [Interactive Thermodynamic Grid](https://21st.dev/@easemize/components/interactive-thermodynamic-grid.md) — by Hossain Jahed
- [TubeCursor](https://21st.dev/@rahil1202/components/tube-cursor.md) — by Rahil Vahora
- [Bucket](https://21st.dev/@0xUrvish/components/bucket.md) — by 0xUrvish
- [Visualize Booking](https://21st.dev/@ln-dev7/components/visualize-booking.md) — by LN
- [Image Sphere](https://21st.dev/@tonyzebastian/components/image-sphere.md) — by Tony Sebastian
- [Multi Type Ripple Buttons](https://21st.dev/@easemize/components/multi-type-ripple-buttons.md) — by Hossain Jahed
- [Dynamic Text Slider](https://21st.dev/@minhxthanh/components/dynamic-text-slider.md) — by Le Thanh
- [Image Comparison](https://21st.dev/@ibelick/components/image-comparison.md) — by Julien Thibeaut
- [Interactive Frosted Glass Card](https://21st.dev/@dhileepkumargm/components/interactive-frosted-glass-card.md) — by Dhileep Kumar GM
- [Number Flow](https://21st.dev/@barvian/components/number-flow.md) — by Maxwell Barvian
- [Image Comparison Slider (Horizontal)](https://21st.dev/@ravikatiyar162/components/image-comparison-slider-horizontal.md) — by Ravi Katiyar

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