198 animated components to make every interaction feel considered. Copy the code, make it yours. Built for React and shadcn/ui.
Built on the foundations you already love, with the polish you've been wishing for.
Motion library
Small details. Better interactions.
Every component ships with motion built in — powered by Motion and GSAP, tuned for spring physics, and fully reduced-motion aware.
Design review
A new mention in Components
Ready to share
Your changes, all in one place
Server Components, TypeScript and hooks throughout — built for React 19.
border-radius: 14px
The latest utility-first engine, with a unified token spine.
siri-orb
Registry component
npx shadcn add
@smoothui/siri-orbCopy into your terminal
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.
Illustration only. No command is run.
The shadcn MCP server works out of the box. AI assistants discover, search, and install any component.
animated-tabs
React component · navigation
dynamic-island
React component · navigation
Public API with search, suggest, and source code retrieval. No auth required. OpenAPI spec included.
Typed source · dependencies · usage
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