Magic UI

Animated components via shadcn CLI

FreeUI component librariesmagicui.design

What it is

150+ animated components built with React, TypeScript, Tailwind and Motion, explicitly designed as the companion to shadcn/ui. Installs with the exact same CLI you already use. No Three.js dependency; components stay under ~5 kB tree-shaken.

Why it earns a slot

Best stack fit of the animated libraries. Animated beams for a table-of-contents, number tickers for circulation stats, shimmer on a subscribe CTA, marquee for a sponsor row — polish without changing anything structural or blowing the image budget.

Getting started

pnpm dlx shadcn@latest add @magicui/globe

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT · Pro ~$199 once

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Magic UI (https://magicui.design/) for this project, then use it only if it fits what we are already building.
Context: Animated components via shadcn CLI. 150+ animated components built with React, TypeScript, Tailwind and Motion, explicitly designed as the companion to shadcn/ui. Installs with the exact same CLI you already use. No Three.js dependency; components stay under ~5 kB tree-shaken.
Reviewer notes (general, not written for this codebase): Best stack fit of the animated libraries. Animated beams for a table-of-contents, number tickers for circulation stats, shimmer on a subscribe CTA, marquee for a sponsor row — polish without changing anything structural or blowing the image budget.
Watch out for: nothing flagged
Pricing: Free · MIT · Pro ~$199 once
Setup: pnpm dlx shadcn@latest add @magicui/globe
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/magic-ui