magicui (MCP Server)

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

21,969 stars MDX MCP Ready Full Docs Skills View Markdown #components #framer-motion #nextjs #react

Documentation Agent Skills & Rules MCP Server API Specification

Claude Desktop Configuration

Add to ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "magicui": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-magicui"
      ]
    }
  }
}

Cursor MCP Configuration

Add to .cursor/mcp.json in your workspace root

{
  "mcpServers": {
    "magicui": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-magicui"
      ]
    }
  }
}

NPX / Command Line Execution

Run directly with Node.js or NPX package runner

npx -y @modelcontextprotocol/server-magicui

Claude Desktop Configuration

Cursor MCP Configuration

NPX / Command Line Execution

Explore Related Technologies & Topics