# Animated components

> Explore 426 animated React components styled with Tailwind CSS for dynamic and interactive user experiences in your Next.js projects.

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

- [lever-switch](https://21st.dev/@theutkarshmail/components/lever-switch.md) — by Utkarsh Pandey
- [3D Marquee](https://21st.dev/@manuarora700/components/3d-marquee.md) — by Manu Arora
- [ShaderAnimation](https://21st.dev/@dhileepkumargm/components/shader-animation.md) — by Dhileep Kumar GM
- [Spinner](https://21st.dev/@shugar/components/spinner-1/custom-color.md) — by tigran tumasov
- [Liquid Metal](https://21st.dev/@paper-design/components/liquid-metal.md) — by Paper Shaders
- [Pulsing Border](https://21st.dev/@paper-design/components/pulsing-border.md) — by Paper Shaders
- [Silk Aurora](https://21st.dev/@componentry/components/silk-aurora.md) — by Componentry
- [Neuro Noise](https://21st.dev/@paper-design/components/neuro-noise.md) — by Paper Shaders
- [loading animation](https://21st.dev/@dhileepkumargm/components/loading-animation.md) — by Dhileep Kumar GM
- [Smoke Ring](https://21st.dev/@paper-design/components/smoke-ring.md) — by Paper Shaders
- [Toggle](https://21st.dev/@shugar/components/toggle-1.md) — by tigran tumasov
- [Gem Smoke](https://21st.dev/@paper-design/components/gem-smoke.md) — by Paper Shaders
- [Toggle](https://21st.dev/@shugar/components/toggle-1/sizes.md) — by tigran tumasov
- [Mesh Gradient](https://21st.dev/@paper-design/components/mesh-gradient.md) — by Paper Shaders
- [Color Panels](https://21st.dev/@paper-design/components/color-panels.md) — by Paper Shaders
- [Metaballs](https://21st.dev/@paper-design/components/metaballs.md) — by Paper Shaders
- [Animated Shape](https://21st.dev/@shailendrakumar19999/components/animated-shape.md) — by Shailendra
- [Fluted Glass](https://21st.dev/@paper-design/components/fluted-glass.md) — by Paper Shaders
- [Calculator](https://21st.dev/@lovesickfromthe6ix/components/calculator.md) — by scott clayton
- [Grain Gradient](https://21st.dev/@paper-design/components/grain-gradient.md) — by Paper Shaders
- [Follower Counter](https://21st.dev/@ln-dev7/components/follower-counter.md) — by LN
- [Pixel Liquid Background](https://21st.dev/@unlumen/components/pixel-liquid-bg.md) — by Unlumen UI
- [God Rays](https://21st.dev/@paper-design/components/god-rays.md) — by Paper Shaders
- [Water](https://21st.dev/@paper-design/components/water.md) — by Paper Shaders
- [Heatmap](https://21st.dev/@paper-design/components/heatmap.md) — by Paper Shaders
- [Halftone Dots](https://21st.dev/@paper-design/components/halftone-dots.md) — by Paper Shaders
- [Dithering](https://21st.dev/@paper-design/components/dithering.md) — by Paper Shaders
- [Swirl](https://21st.dev/@paper-design/components/swirl.md) — by Paper Shaders
- [Mesh Gradient Background](https://21st.dev/@uilayout.contact/components/mesh-gradient-background2.md) — by UI Layouts
- [Paper Texture](https://21st.dev/@paper-design/components/paper-texture.md) — by Paper Shaders
- [Grain Gradient · Truchet](https://21st.dev/@paper-design/components/grain-gradient-truchet.md) — by Paper Shaders
- [Animated Sidebar](https://21st.dev/@unlumen/components/sidebar-001.md) — by Unlumen UI
- [Halftone CMYK](https://21st.dev/@paper-design/components/halftone-cmyk.md) — by Paper Shaders
- [Waves](https://21st.dev/@paper-design/components/paper-waves.md) — by Paper Shaders
- [Dot Grid](https://21st.dev/@paper-design/components/dot-grid.md) — by Paper Shaders
- [1st shader](https://21st.dev/@samskanse09/components/1st-shader.md) — by Sam Skanse
- [Voronoi](https://21st.dev/@paper-design/components/voronoi.md) — by Paper Shaders
- [Mesh Gradient Background](https://21st.dev/@uilayout.contact/components/mesh-gradient-background3.md) — by UI Layouts
- [Spiral](https://21st.dev/@paper-design/components/spiral.md) — by Paper Shaders
- [Image Dithering](https://21st.dev/@paper-design/components/image-dithering.md) — by Paper Shaders
- [Silk shader](https://21st.dev/@fafaieefafaiee/components/silk-shader.md) — by asdsd
- [Dot Orbit · Hallucinatory](https://21st.dev/@paper-design/components/dot-orbit-hallucinatory.md) — by Paper Shaders
- [Voronoi · Bubbles](https://21st.dev/@paper-design/components/voronoi-bubbles.md) — by Paper Shaders
- [God Rays · Ether](https://21st.dev/@paper-design/components/god-rays-ether.md) — by Paper Shaders
- [Dot Orbit · Bubbles](https://21st.dev/@paper-design/components/dot-orbit-bubbles.md) — by Paper Shaders
- [Simplex Noise](https://21st.dev/@paper-design/components/simplex-noise.md) — by Paper Shaders
- [Perlin Noise](https://21st.dev/@paper-design/components/perlin-noise.md) — by Paper Shaders
- [Pulsing Border · Circle](https://21st.dev/@paper-design/components/pulsing-border-circle.md) — by Paper Shaders
- [Neuro Noise · Ghost](https://21st.dev/@paper-design/components/neuro-noise-ghost.md) — by Paper Shaders
- [Gem Smoke · Metaballs](https://21st.dev/@paper-design/components/gem-smoke-metaballs.md) — by Paper Shaders
- [Dithering · Ripple](https://21st.dev/@paper-design/components/dithering-ripple.md) — by Paper Shaders
- [Dot Orbit · Shine](https://21st.dev/@paper-design/components/dot-orbit-shine.md) — by Paper Shaders
- [Color Panels · Opening](https://21st.dev/@paper-design/components/color-panels-opening.md) — by Paper Shaders
- [Heatmap · Sepia](https://21st.dev/@paper-design/components/heatmap-sepia.md) — by Paper Shaders
- [Pulsing Border · Solid line](https://21st.dev/@paper-design/components/pulsing-border-solid-line.md) — by Paper Shaders
- [Fluted Glass · Folds](https://21st.dev/@paper-design/components/fluted-glass-folds.md) — by Paper Shaders
- [Simplex Noise · Bubblegum](https://21st.dev/@paper-design/components/simplex-noise-bubblegum.md) — by Paper Shaders
- [Simplex Noise · First contact](https://21st.dev/@paper-design/components/simplex-noise-first-contact.md) — by Paper Shaders
- [Voronoi · Lights](https://21st.dev/@paper-design/components/voronoi-lights.md) — by Paper Shaders
- [Neuro Noise · Bloodstream](https://21st.dev/@paper-design/components/neuro-noise-bloodstream.md) — by Paper Shaders

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