Magic UI
by magicuidesign
UI library for design engineers โ animated components and effects to copy and paste, plus 50+ premium sections and templates with Framer Motion.
26,192
Jun 1, 2024
$199Overview
Magic UI is a UI library for design engineers with animated, copy-paste React components built on Tailwind CSS and Framer Motion. Browse free open-source components on the site and GitHub, or upgrade to Magic UI Pro for 50+ premium sections and landing page templates.
Features
- Free components: Open-source animated UI you can copy and paste into any React app
- Magic UI Pro: 50+ beautiful sections and templates for marketing and SaaS sites
- Framer Motion: Polished animations and micro-interactions out of the box
- shadcn registry: Install components via the shadcn CLI (
@magicuidesign) - Templates: Changelog, portfolio, and landing page starters on GitHub
Registry
Install via the shadcn CLI registry:
npx shadcn@latest add @magicuidesign/component-name