198 free, MIT-licensed animated React components with smooth Motion animations — drop-in shadcn/ui compatible and fully customizable with Tailwind CSS.
Reactshadcn/uiMotion+3
smoothui.dev
Visitopens in a new tab
Atlas UI
atlasui.dev
Open-source, motion-powered animated components for React and HTML — beautifully crafted pieces that bring interfaces to life with seamless animations.
What is Atlas UI?
Atlas UI is an open-source collection of animated UI components for React and HTML, powered by Motion and styled with Tailwind CSS. The docs site covers ready-to-use pieces such as navbars, text effects, galleries and interactive widgets that drop into modern frontend projects, and the source lives on GitHub to fork, tweak and contribute.
Best for
- Animated landing pages
- Interactive hero sections
- Adding motion to plain HTML sites
Key features
- Motion-powered animated components
- React and plain HTML variants
- Open source on GitHub
- Docs with live component previews
Related resources
Featured150+ animated components built with React, Tailwind CSS and Motion. Copy-paste landing page sections and effects that make marketing sites stand out.
ReactTailwindAnimation+2
magicui.design
49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.
ReactTailwindCSS+3
microkit.co