Provides Model Context Protocol (MCP) support for Magic UI by delivering detailed implementations and comprehensive data on UI components, layouts, media, motion effects, and text reveal animations to enhance design and development workflows.
Unlock the full potential of Magic UI MCP Server through LangDB's AI Gateway. Get enterprise-grade security, analytics, and seamless integration with zero configuration.
Free tier available • No credit card required
Official ModelContextProtocol (MCP) server for Magic UI.
npx @magicuidesign/cli@latest install
Add to your IDE's MCP config:
{ "mcpServers": { "@magicuidesign/mcp": { "command": "npx", "args": ["-y", "@magicuidesign/mcp@latest"] } } }
Once configured, you can questions like:
"Make a marquee of logos"
"Add a blur fade text animation"
"Add a grid background"
The server provides the following tools callable via MCP:
Some clients have a limit on the number of tools they can call. This is why we opted to group the tools into categories. Note: For more specific context on each component, run the MCP locally and modify the logic that groups the components.
Big thanks to @beaubhp for creating the MCP server 🙏
Discover shared experiences
Shared threads will appear here, showcasing real-world applications and insights from the community. Check back soon for updates!