MCP Server

The QuasarUI MCP Server lets an AI client list Blocks, search Components and fetch their source. Ask for "a pricing table with a monthly and yearly toggle" and your assistant finds a matching Component and pastes its code into your project.

What you get

  • Without a key: every Free Component. No account needed.
  • With an Access Key: every Paid Component too, if your account holds All Access or Blocks Pro.

Without access, asking for a Paid Component returns its preview link and how to unlock it, never its code.

Create an Access Key

  1. Sign in with the account that holds All Access or Blocks Pro.
  2. On your dashboard, under Access Keys, give the key a name, such as "Work laptop", and choose Create key.
  3. Copy the key, or the ready-made setup for your client. The key is shown only once. If you lose it, revoke it and create another.

Use one key per device or client. Revoking a key in the dashboard cuts it off straight away.

Connect your client

Replace YOUR_ACCESS_KEY with your key.

Claude Code
Run in a terminal
claude mcp add --transport http quasarui https://www.quasarui.com/mcp --header "Authorization: Bearer YOUR_ACCESS_KEY"
Claude Desktop
Add to claude_desktop_config.json (Settings → Developer → Edit Config), then restart Claude Desktop
{
  "mcpServers": {
    "quasarui": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://www.quasarui.com/mcp",
        "--header",
        "Authorization:${QUASARUI_AUTHORIZATION}"
      ],
      "env": {
        "QUASARUI_AUTHORIZATION": "Bearer YOUR_ACCESS_KEY"
      }
    }
  }
}
Cursor
Add to ~/.cursor/mcp.json, or .cursor/mcp.json in a project
{
  "mcpServers": {
    "quasarui": {
      "url": "https://www.quasarui.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_ACCESS_KEY"
      }
    }
  }
}

For Free Components only, leave the key out:

Claude Code
Run in a terminal
claude mcp add --transport http quasarui https://www.quasarui.com/mcp
Claude Desktop
Add to claude_desktop_config.json (Settings → Developer → Edit Config), then restart Claude Desktop
{
  "mcpServers": {
    "quasarui": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://www.quasarui.com/mcp"
      ]
    }
  }
}
Cursor
Add to ~/.cursor/mcp.json, or .cursor/mcp.json in a project
{
  "mcpServers": {
    "quasarui": {
      "url": "https://www.quasarui.com/mcp"
    }
  }
}

Tools

ToolWhat it does
list_blocksLists every Block with its Component counts
list_componentsLists the Components in a Block, each marked free or paid
search_componentsFinds Components by what they are, such as "login form" or "sidebar"
get_componentReturns a Component's source
get_setup_guideExplains how to set up a project and paste a Component

Limits and errors

  • Each IP address can make 60 requests a minute, and so can each Access Key. Every HTTP request counts, including the few a client sends when it connects. Past that the server answers 429 for a short while.
  • A key that is wrong, revoked or malformed gets 401. The server never falls back to Free Components for a bad key, so a typo is caught straight away. Create a new key in your dashboard.
  • Access is checked on every call: if a Purchase is revoked, its keys stop returning Paid Components.

The MCP Server uses an Access Key in the Authorization: Bearer header. Clients that only connect through OAuth, such as connectors on claude.ai, are not supported yet.