Open-source, motion-powered animated components for React and HTML — beautifully crafted pieces that bring interfaces to life with seamless animations.
ReactTailwindAnimation+3
atlasui.dev
SmoothUI
smoothui.dev
198 free, MIT-licensed animated React components with smooth Motion animations — drop-in shadcn/ui compatible and fully customizable with Tailwind CSS.
What is SmoothUI?
SmoothUI offers around 198 animated React components built on Motion and Tailwind CSS. Components are drop-in compatible with shadcn/ui projects, copy-pasteable, and fully customizable. The whole library is open source under the MIT license on GitHub (educlopez/smoothui) and free to use in any React app.
Best for
- Adding animation to shadcn/ui apps
- Copy-paste animated React components
- Free components for commercial projects
Key features
- 198 animated components
- Motion-powered animations
- Drop-in shadcn/ui compatibility
- Customizable with Tailwind CSS
- Copy-paste installation
- MIT-licensed on GitHub
Related resources
atlasui.dev
154 React components and 90 blocks with motion built in, installed as editable source via the shadcn CLI for shadcn/ui and Next.js projects.
Reactshadcn/uiNext.js+2
uiarc.dev
React and Tailwind UI library with animated components, marketing blocks, illustrations and copy-paste templates — shadcn-compatible, with free and Pro tiers.
ReactTailwindShadcn UI+2
forgeui.in
Visitopens in a new tab