Loading
Loading
92 blocks · all free · updated 15 Oct 2026
Animated React components built with Tailwind CSS, Motion and GSAP, installable with the shadcn CLI.
Newest first
9 blocks
37 blocks
22 blocks
19 blocks
KeyframeUI is a registry of animated React components for shadcn/ui, built with Tailwind CSS and Motion. Each one gives a section a single signature move: a hero where the pointer paints in a second image, a preloader curtain that counts to 100 with the real page load, a contact form that reads as a sentence you fill in, an odometer for stats, cards that travel along an arc as you scroll, and a search button that stretches into a results panel.
The blocks listed here are its demos, finished sections such as heroes, pricing, testimonials and changelogs that install together with the component behind them. Each component is a single TypeScript file with its animation inside, so there's no stylesheet to import, and movement tones down under reduced-motion settings. It needs Tailwind CSS v4, and coding agents can add items through the shadcn MCP server.
Hero, motion, scroll and hover blocks from other makers