Selected Tags
react
tailwindcss
javascript
typescript
nextjs
Build and Ship 10x Faster with Modern React & Tailwind Components
Highly customizable, production-ready UI blocks for building beautiful websites and apps that look and feel the way you mean it.
Why Choose SmoothUI?
Smooth Animations
Built-in animations powered by Motion 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.
Component Showcase
Slide to power off
00
00
00
Updates on x.com
@demo_user
Summer Opening
Play video
Fashion
Play video
Gallery Art
Play video
Dreams
Play video
Frequently Asked Questions
Is SmoothUI free to use?
Yes, SmoothUI is completely free
What is SmoothUI?
SmoothUI is a collection of beautifully designed React components with smooth animations, built using React, Tailwind CSS, and Motion. It aims to provide reusable UI components that enhance user experience.
What features does SmoothUI offer?
SmoothUI offers smooth animations, responsive design, easy-to-use APIs, customization with Tailwind CSS, and built-in dark mode support.
How do I install SmoothUI?
Install the required dependencies using: pnpm install motion tailwindcss lucide-react clsx tailwind-merge.
Can I customize the components?
Yes, you can easily customize SmoothUI components using Tailwind CSS utility classes.
Does SmoothUI support dark mode?
Yes, all components support both light and dark themes out of the box.
How can I contribute to SmoothUI?
You can contribute by forking the repository, creating a new branch, making your changes, and submitting a pull request on GitHub.