198 animated components to make every interaction feel considered. Copy the code, make it yours. Built for React and shadcn/ui.
Drawings of what each area holds — the same illustration language we use in the theme settings.
Motion-ready primitives you drop into any React app.
Pre-built page sections — heroes, pricing, FAQs.
Full starter pages you can ship and restyle.
Built on the foundations you already love, with the polish you've been wishing for.
Every component ships with motion built in — powered by Motion and GSAP, tuned for spring physics, and fully reduced-motion aware.
Server Components, TypeScript and hooks throughout — built for React 19.
The latest utility-first engine, with a unified token spine.
Drops into any shadcn project — same patterns, one command.
Customizable blocks that seamlessly adapt to your project needs
The first component library designed for AI agents. Discover, search, and install components programmatically.
The shadcn MCP server works out of the box. AI assistants discover, search, and install any component.
Public API with search, suggest, and source code retrieval. No auth required. OpenAPI spec included.
Structured component data for LLM context windows and RAG pipelines. JSON and plain text formats.
Anti-slop detection, a scored quality gate, and a convergence loop — so your agent ships UI you'd actually put in production.
brew install --cask educlopez/tap/ui-craftThen run ui-craft install
“SmoothUI is a game-changer for frontend developers looking for polished UI components with motion-powered interactivity.”— Shikhil Saxena, Peerlist
Help keep SmoothUI free and actively maintained. Every sponsor helps ship more components, blocks, and animation recipes.
Real components from the registry — preview the motion, then install with one command.
See what developers and designers are saying about SmoothUI.
Tutorials, deep dives and case studies on building beautifully animated React components.
AI coding agents ship the same purple gradients, glassmorphism, and identical card grids. Here's why AI-generated UI looks like slop — and how a closed-loop design-quality bar fixes it for good.
Read
A detailed comparison of the top React animation libraries — Motion, React Spring, GSAP, SmoothUI, and more. Learn which library fits your project with real examples and performance benchmarks.
Read
Learn how to use Motion (formerly Framer Motion) to build smooth, accessible animations in React. From basic transitions to spring physics, gestures, and layout animations — with real examples.
Read