Getting Started
Blocks
Components
Device Mocks
Special Effects
Animations
Text Animations
Buttons
Magic UI now has an official MCP server 🎉.
MCP is an open protocol that standardizes how applications provide context to LLMs.
This is useful for Magic UI because you can now give your AI-assisted IDE direct access to all Magic UI components so that it can generate code with minimal errors.
Installation
pnpm dlx @magicuidesign/cli@latest install cursor
Restart your IDE
Usage
You can now ask your IDE to use any Magic UI component. Here are some examples:
- "Add a blur fade text animation"
- "Add a grid background"
- "Add a vertical marquee of logos"
On This Page
UsageLimited 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