What it does
This is the official MCP server for Magic UI, a library of animated React components and UI patterns. It exposes three tools for querying the Magic UI registry: listRegistryItems to browse available components with optional filters, searchRegistryItems to find components by keyword, and getRegistryItem to fetch detailed installation instructions and source code for a specific component. The server reads directly from the live registry, so you always get the current component catalog without local updates.
Who it's for
Frontend developers building React applications in Cursor, Windsurf, Claude, Cline, or Roo-Cline who want to quickly discover and incorporate animated components from Magic UI into their projects. Useful if you're already familiar with Magic UI's visual aesthetic and need IDE-integrated access to the registry.
Common use cases
- Query the registry for specific component patterns—marquees, animations, grid backgrounds—while coding in your IDE.
- Search by keyword to find the right building block for a UI feature.
- Fetch installation and usage instructions for a component without leaving your editor.
- Rapidly prototype animated UI sections by browsing and copying Magic UI components.
Setup pitfalls
- The server requires network access to reach the live Magic UI registry; offline use is not supported.
- Some IDE clients (notably Cursor) impose limits on the number of MCP tools available—this server is intentionally minimal to avoid hitting those caps.
- Use
npx @magicuidesign/cli@latest install <client>for your IDE, or add it manually to your MCP configuration if the CLI tool doesn't recognize your client.