Legacy Versions

Documentation for older versions of Magic UI.

Legacy Version (Tailwind v3)

For older Magic UI components using Tailwind CSS v3, visit: v3.magicui.design

To upgrade from legacy to current version, follow the migration guide: https://ui.shadcn.com/docs/tailwind-v4

On This Page

Contribute

Limited Time Offer

Ship Faster with Magic 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

$199once

Trusted by 5,000+ developers