Getting Started
Templates
Components
Special Effects
Animations
Text Animations
Backgrounds
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.
You can also use the shadcn MCP server with the Magic UI registry.
@magicui registry to your components.json:{
"registries": {
"@magicui": "https://magicui.design/r/{name}.json"
}
}For other clients, see the shadcn MCP configuration.
{
"mcpServers": {
"shadcn": {
"command": "npx",
"args": ["shadcn@latest", "mcp"]
}
}
}You can now ask your IDE to use any Magic UI component. Here are some examples: