# Motion components

> Add life to your UI with 45 motion components for React, blending smooth animations with Tailwind CSS in Next.js.

57 components available. Showing all of them below.

- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/manual-control.md) — by Daniel Petho
- [Hero](https://21st.dev/@ohmfordev/components/hero.md) — by ohmfordev
- [Progressive blur](https://21st.dev/@serafimcloud/components/progressive-blur/with-logos.md) — by Julien Thibeaut
- [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur.md) — by Julien Thibeaut
- [Text Roll](https://21st.dev/@Mazyar kawa/components/text-roll.md) — by Mazyar kawa
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/double-helix.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/sine-wave.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/infinity-symbol.md) — by Preet Suthar
- [Word Rotate](https://21st.dev/@dillionverma/components/word-rotate.md) — by Dillion Verma
- [Kinetic Dots Loader](https://21st.dev/@daiwiikharihar17147/components/kinetic-dots-loader.md) — by Daiwiik Harihar
- [Text Rewind](https://21st.dev/@kokonutd/components/text-rewind.md) — by Kokonut Baffier
- [Shifting Dropdown](https://21st.dev/@hurerag24/components/shifting-dropdown.md) — by Hurera Sheikh
- [Fluid Expanding Grid](https://21st.dev/@0xUrvish/components/fluid-expanding-grid.md) — by 0xUrvish
- [Image Stack](https://21st.dev/@tonyzebastian/components/image-stack.md) — by Tony Sebastian
- [Word Fade In](https://21st.dev/@dillionverma/components/word-fade-in.md) — by Dillion Verma
- [stagger text](https://21st.dev/@youcefbnm/components/stagger-text/stagger-text-animation.md) — by YoucefBnm Bnm
- [Animated Modal](https://21st.dev/@mlshv/components/animated-modal.md) — by Misha
- [Warp Background](https://21st.dev/@nyxbui/components/warp-background.md) — by Nyxb UI
- [Animated Tabs Background](https://21st.dev/@erikvalencia1/components/animated-tabs-background.md) — by Ruben
- [Velocity Text](https://21st.dev/@vaib215/components/velocity-text.md) — by Vaibhav Kumar Singh
- [Parallax Motion](https://21st.dev/@avanishverma4/components/parallax-motion.md) — by Awanish Verma
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-x-demo.md) — by YoucefBnm Bnm
- [Particle Animation](https://21st.dev/@designali-in/components/particle-animation-1.md) — by Ali Imam
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-y-demo.md) — by YoucefBnm Bnm
- [Carousel](https://21st.dev/@sean0205/components/carousel/orientation.md) — by Sean Hello
- [Carousel](https://21st.dev/@sean0205/components/carousel/size.md) — by Sean Hello
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-radius-demo.md) — by YoucefBnm Bnm
- [Pointer](https://21st.dev/@dillionverma/components/pointer.md) — by Dillion Verma
- [Text Inertia](https://21st.dev/@edwinvakayil/components/text-inertia.md) — by Edwin Vakayil
- [Sliding Number](https://21st.dev/@bundui/components/sliding-number.md) — by Shadcn UI Kit
- [Rising ball](https://21st.dev/@theutkarshmail/components/rising-ball.md) — by Utkarsh Pandey
- [Word Rotate](https://21st.dev/@molecule-lab-rushil/components/word-rotate.md) — by Rushil Dhinoja
- [Click Power Up](https://21st.dev/@radiumcoders/components/click-powerup.md) — by jay sharma
- [Side By Side Slide](https://21st.dev/@unlumen/components/side-by-side-slide.md) — by Unlumen UI
- [animation presence mode](https://21st.dev/@avanishverma4/components/animation-presence-mode.md) — by Awanish Verma
- [Animated Leaves](https://21st.dev/@designali-in/components/animated-leaves.md) — by Ali Imam
- [Pixelated Image Reveal](https://21st.dev/@soralabs/components/pixelated-image-reveal.md) — by Sora UI
- [Animated Sidebar](https://21st.dev/@unlumen/components/sidebar-001.md) — by Unlumen UI
- [Section CTA](https://21st.dev/@soralabs/components/section-cta.md) — by Sora UI
- [Dot Loader Motion](https://21st.dev/@tailwind-admin/components/dot-loader-motion.md) — by Tailwind Admin
- [Shutter Text](https://21st.dev/@dev.shejanmahamud/components/shutter-text.md) — by Md Shejan Mahamud Mahamud
- [Highlight](https://21st.dev/@unlumen/components/highlight.md) — by Unlumen UI
- [Slide Up Text](https://21st.dev/@animbits/components/text-slide-up.md) — by Animbits
- [Splitting Text](https://21st.dev/@cnippet.dev/components/splitting-text.md) — by Cnippet
- [Notification List](https://21st.dev/@skyleen77/components/components-community-notification-list.md) — by Elliot Sutton
- [Text Reveal (Mask)](https://21st.dev/@soralabs/components/text-reveal-mask.md) — by Sora UI
- [Shutter Text](https://21st.dev/@dev.shejanmahamud/components/shutter-text/shutter-text-hover-demo.md) — by Md Shejan Mahamud Mahamud
- [Shutter Text](https://21st.dev/@dev.shejanmahamud/components/shutter-text/shutter-text-scroll-demo.md) — by Md Shejan Mahamud Mahamud
- [Shutter Text](https://21st.dev/@dev.shejanmahamud/components/shutter-text/shutter-text-click-demo.md) — by Md Shejan Mahamud Mahamud
- [Motion Blur Text](https://21st.dev/@asanshay/components/motion-blur-text.md) — by Asan Shay
- [Animated Toggle](https://21st.dev/@educlopez/components/animated-toggle.md) — by Edu Calvo
- [Spinning Text With Icon](https://21st.dev/@shadcnspace/components/spinning-text-02.md) — by ShadcnSpace
- [Bottom Up Letters](https://21st.dev/@educlopez/components/bottom-up-letters.md) — by Edu Calvo
- [Squash Text](https://21st.dev/@pacekit/components/squash-text.md) — by PaceKit
- [Words Stagger](https://21st.dev/@tom_ui/components/words-stagger.md) — by tom
- [Bouncing Text](https://21st.dev/@pacekit/components/bouncing-text.md) — by PaceKit
- [Momentum lines](https://21st.dev/@phandangkhoa96/components/momentum-lines.md) — by Khoa Phan

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