Magic UI
Animated components for landing pages.
Magic UI is a set of animated landing page components for React and Tailwind, distributed as a shadcn registry. If you already run shadcn/ui, adding one of these is the same command you already use.
At a glance
| Distribution | shadcn registry, installed by URL |
| Stack | React, Tailwind CSS, Motion |
| Fits with | shadcn/ui, same components.json |
| Docs for agents | llms.txt published |
| MCP server | not published |
| License | MIT, paid templates |
Install
Because it is a registry rather than a package, components are added by URL through the shadcn CLI and land in your own tree:
npx shadcn@latest add "https://magicui.design/r/marquee.json"
That means no dependency, no version to bump, and the source is yours to edit like anything else shadcn puts in your project.
What it is for
Marquees, animated beams, blur-fade reveals, device mockups, number tickers. These are hero-section and feature-section components, not application components. Reach for it when you need a launch page to look finished, not when you are building a dashboard.
Choose it if
- You already use shadcn/ui and want motion pieces that install the same way.
- You are shipping a landing page and want polish without writing animation code.
Look elsewhere if
- You need application components. This is marketing surface only.
- You care about documented accessibility. It is not covered here.
