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
Magic UI
magicui.design
150+ animated components built with React, Tailwind CSS and Motion. Copy-paste landing page sections and effects that make marketing sites stand out.
What is Magic UI?
Magic UI is a library of animated React components and landing-page sections built with Tailwind CSS and Motion. Instead of static building blocks it focuses on effects — animated text, shimmering buttons, marquees and glowing borders — that give marketing sites a premium feel with minimal effort.
Best for
- SaaS landing pages
- Marketing websites
- Interactive product interfaces
Key features
- Animated components built on Motion
- Tailwind CSS styling
- Copy-paste landing page sections
- Open source core with Pro templates
Related resources
atlasui.dev
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
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