Get StartedIntroduction

Introduction

SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, and Framer Motion.

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

Is SmoothUI free to use?

Yes! SmoothUI is completely free and open source. You can use it in personal and commercial projects.

Do I need to know Framer Motion to use SmoothUI?

No! All animations are built-in. You can use components without any Framer Motion knowledge.

Can I customize the components?

Absolutely! All components are built with Tailwind CSS and can be customized using standard Tailwind classes.

Does SmoothUI work with Next.js?

Yes! SmoothUI works with any React framework including Next.js, Vite, Create React App, and more.

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.