Introduction
SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, and Framer Motion.
Last updated: November 8, 2025
What is SmoothUI?
SmoothUI is a modern component library that brings together the best of React, Tailwind CSS, and Framer Motion to create beautiful, accessible, and performant user interfaces. Each component is carefully crafted with smooth animations and thoughtful design principles.
Beautiful Design
Carefully crafted components with attention to detail and modern design principles.
Smooth Animations
Powered by Motion for fluid, performant animations that enhance user experience.
Developer Friendly
Built with TypeScript, fully customizable with Tailwind CSS, and easy to integrate.
Key Features
- shadcn CLI Compatible: Install components using the familiar shadcn CLI
- MCP Support: AI assistants can discover and install components automatically
- TypeScript First: Full type safety with comprehensive TypeScript support
- Accessible by Default: Built with accessibility best practices
- Dark Mode Support: All components work seamlessly in light and dark themes
- Customizable: Easy to customize with Tailwind CSS classes
- Performance Optimized: Built with performance in mind using modern React patterns
Get Started
Installation Guide
Learn how to install SmoothUI components using shadcn CLI or manual installation methods.
Browse All Components
Explore all available components with live demos and documentation.
Frequently Asked Questions
Contributing
We welcome contributions to SmoothUI! Whether you want to add new components, improve existing ones, or fix bugs, your contributions help make SmoothUI better for everyone.
How to Contribute
- Fork the repository on GitHub
- Create a new branch for your feature or bug fix
- Make your changes and test them thoroughly
- Submit a pull request with a clear description
Check out our contributing guide for more detailed information.