The only UI library
you need to build beautiful
A collection of beautifully designed, accessible, and animated components. Built with React, Tailwind CSS, and Framer Motion. By Smicolon.
Build faster.
Ship more.
Why SMI-UI?
Built for developers who care about quality, performance, and user experience.
Accessible
Built with accessibility in mind. Full keyboard navigation and screen reader support out of the box.
Animated
Smooth, performant animations powered by Framer Motion with automatic reduced motion support.
Copy & Paste
Use our CLI to add components or simply copy the source code directly into your project.
TypeScript First
100% TypeScript with full type safety. IntelliSense and autocomplete everywhere.
Dark Mode
Beautiful dark mode support with automatic system preference detection.
Customizable
Built with Tailwind CSS and CSS variables. Easy to customize and extend to match your brand.
Component Categories
From primitives to full-featured blocks, we've got you covered.
Get started in seconds
Use our CLI to add components to your project instantly.
$ npx @smicolon/smi-ui add button
# or use shadcn CLI
$ npx shadcn add @smicolon/button