mcp

Overview

@magicuidesign/mcp is an official Model Context Protocol server that provides access to the Magic UI component registry. It enables developers to search, browse, and retrieve information about UI components through MCP. The server offers three main tools: listing registry items, searching by keywords, and retrieving detailed information about specific components. This integration allows AI assistants to assist with UI development by suggesting and implementing Magic UI components.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• listRegistryItems

  Lists Magic UI registry items with optional filters

  Try:List all Magic UI componentsTry:Show me 10 animation registry items
• searchRegistryItems

  Searches Magic UI registry items by keyword

  Try:Search for grid componentsTry:Find marquee effects in registry
• getRegistryItem

  Returns details for a single registry item

  Try:Get details about the blur fade text animationTry:Show me the grid background component

Comparable tools

Installation

npx @magicuidesign/cli@latest install <client>

{
  "mcpServers": {
    "magicuidesign-mcp": {
      "command": "npx",
      "args": ["-y", "@magicuidesign/mcp@latest"]
    }
  }
}

FAQ

What MCP tools does this server provide?

The server provides three tools: listRegistryItems, searchRegistryItems, and getRegistryItem for browsing, searching, and retrieving details about Magic UI components.

Which AI clients are compatible with this MCP server?

It supports Cursor, Windsurf, Claude, Cline, and roo-clide clients as listed in the README.

Compare mcp with