Getting Started
Components
Device Mocks
Special Effects
Animations
Text Animations
Buttons
Legacy Version (Tailwind v3)
For older Magic UI components using Tailwind CSS v3, visit: v3.magicui.design
Upgrading
To upgrade from legacy to current version, follow the migration guide: https://ui.shadcn.com/docs/tailwind-v4
Limited Time Offer
Ship Faster with Magic UI ProMagic UI Pro
Stop building from scratch.
Get 8 production-ready templates and 50+ premium components that your users will love.
✓
Next.js 15 + TypeScript ready✓
Copy, paste, customize in minutes✓
Save 100+ hours of development