Selected Tags
react
typescript
tailwindcss
nextjs
framer-motion
shadcn
New
UI Craft — Design taste for AI agents
Animated React Components for shadcn/ui
Highly customizable, production-ready UI blocks for building beautiful websites and apps that look and feel the way you mean it.
Summer Opening
Play video
Fashion
Play video
Gallery Art
Play video
Dreams
Play video
Why Choose SmoothUI?
Smooth Animations
Built-in animations powered by Motion and GSAP for delightful user experiences.
React
Built with modern React patterns including Server Components, TypeScript, and hooks for optimal performance.
Tailwindcss
Built with Tailwind CSS v4, featuring the latest utility-first CSS framework with enhanced dark mode and modern design patterns.
shadcn/ui Compatible
Fully compatible with shadcn/ui ecosystem. Easy to integrate with existing shadcn/ui projects and follows the same patterns.
Elevate your design with premium blocks
Customizable blocks that seamlessly adapt to your project needs
AI-Native
Built for AI-Assisted Development
The first component library designed for AI agents. Discover, search, and install components programmatically.
AI agents, meet your components
The shadcn MCP server works out of the box. AI assistants discover, search, and install any component.
Programmatic access to everything
Public API with search, suggest, and source code retrieval. No auth required. OpenAPI spec included.
Machine-readable catalog
Structured component data for LLM context windows and RAG pipelines. JSON and plain text formats.
Skills
Design taste for your AI agent
Same prompt. Same model. Different result. UI Craft gives your coding agent the design intuition it's missing.
UI Craft
Design taste for AI coding agents
Build
Scaffold with taste
Animate
Motion that feels right
Review
Catch what AI misses
Polish
Pixel-perfect details
Install with one command
npx skills add educlopez/ui-craftFrequently Asked Questions
Want to support SmoothUI? Learn more
