Magic UI
A free, open-source UI library with 150+ animated components and effects
150 Components
Ready-to-use UI components for your next project
Summary
Magic UI is an open-source collection of 150+ animated components and effects built with React, TypeScript, Tailwind CSS, and Motion, making it easy to add stunning animations to your web projects.
Highlights
- ✨Stunning Animations: Enhance user experience with fluid, engaging motion effects that captivate attention.
- ⚡Easy Integration: Simply copy and paste animated components into your project with minimal setup.
- 💻Built with Motion & Tailwind: Leverage the power of Framer Motion and Tailwind CSS for seamless, responsive animations.
- 🔓Open Source: Enjoy free access to high-quality components with continuous updates from the community.
- 🛠️Customizable: Easily tweak animations, colors, and styles to match your unique brand and design system.
Related Websites
tremor
An open-source library with 35+ accessible components using Tailwind CSS and Radix UI
tremor.so31 components
shadcn/ui
Beautifully designed components built with Radix UI and Tailwind CSS.
ui.shadcn.com50 components
DaisyUI
A Tailwind CSS library with customizable themes and UI elements.
daisyui.com54 components