A UI kit of beautiful, customizable animated components built with Motion and Tailwind CSS.
Progressive blur
Progressive blur
Progressive blur
Progressive blur
Morphing Popover
Morphing Popover
Morphing Popover
Sliding Number
Sliding Number
Sliding Number
Infinite Slider
Infinite Slider
In view
In view
Disclosure
Carousel
Carousel
Carousel
Carousel
Text Shimmer Wave
Spotlight
Border Trail
Border Trail
Transition Panel
This page collects the Motion Primitives components published on 21st.dev by Julien Thibeaut — reusable motion building blocks for React: text effects, transitions, and micro-interactions built with Motion and Tailwind CSS. Every primitive runs live in its preview here, which matters more for motion than for any other kind of component.
Compare the effects side by side, then copy the TSX, install via the shadcn CLI, or pull a primitive into Cursor or Claude Code over MCP. The primitives are small by design, so they compose into existing interfaces without pulling in layout opinions.
