Loading
Loading
29 blocks · all free · updated 17 Oct 2026
A collection of beautifully crafted motion components built with React, Framer Motion, and TailwindCSS. Designed to elevate microinteractions, each component focuses on smooth animations, subtle feedback, and delightful UX. Perfect for designers and developers who want to add refined motion to their interfaces — copy, paste, and make your UI come alive.
Hand-picked, best first
Newest first
SmoothUI is a free library of animated React components for shadcn/ui by Eduardo Calvo, with motion from Motion and GSAP tuned for spring physics and aware of reduced-motion settings. It's organized in four layers: headless primitives such as buttons, dialogs and checkboxes, motion-ready components, page blocks, and full starter templates. Many of the components target AI interfaces, like approval cards, citation pills, context meters, diff views and message bubbles, alongside showpieces such as a Dynamic Island, a Siri-style orb and an infinite slider.
The blocks listed here are marketing sections: heroes, headers, pricing, testimonials, FAQs, logo clouds, stats, team sections and footers. It's built for React 19 and Tailwind CSS v4 and installs with the shadcn CLI. A public API, an OpenAPI spec and machine-readable catalogs let AI agents search and install components.
Blocks from other makers