Setup Guidelink

Radzen Blazor MCP uses the Model Context Protocol to give your AI coding assistant access to Radzen Blazor component documentation, API details, and ready-made templates. You configure your editor to connect to the Radzen Blazor MCP server, and the assistant can then search and retrieve this knowledge while generating code.

Before You Startlink

You need a license key. If you don't have one yet, get your key first — it takes about a minute.

In every configuration below, replace YOUR-LICENSE-KEY with the actual key you received.

Cursorlink

Create or edit .cursor/mcp.json in your project root:

{
  "mcpServers": {
    "radzen-blazor": {
      "type": "streamable-http",
      "url": "https://app.radzen.com/mcp",
      "headers": {
        "X-Radzen-Key": "YOUR-LICENSE-KEY"
      }
    }
  }
}

Tips:

• Use Agent mode (not Ask mode) so Cursor can call MCP tools. You can switch modes in the chat panel dropdown.
• Cursor supports both project-level (.cursor/mcp.json) and global (~/.cursor/mcp.json) configuration. Project-level is recommended so you can share the config file with your team (minus the key — use an environment variable or .gitignore the file).

Verify: Open Cursor Settings > MCP. You should see radzen-blazor listed with a green status indicator. If it shows an error, double-check your key and URL.

Claude Codelink

Run this command in your terminal:

claude mcp add-json radzen-blazor '{"type":"http","url":"https://app.radzen.com/mcp","headers":{"X-Radzen-Key":"YOUR-LICENSE-KEY"}}'

This writes the server configuration to ~/.claude.json. The resulting entry looks like:

{
  "mcpServers": {
    "radzen-blazor": {
      "type": "http",
      "url": "https://app.radzen.com/mcp",
      "headers": {
        "X-Radzen-Key": "YOUR-LICENSE-KEY"
      }
    }
  }
}

Tips:

• Add --scope project to scope the server to the current project instead of your global config. This creates a .mcp.json file in the project directory.
• Claude Code automatically discovers MCP servers on startup. If you added the server while Claude Code was already running, type /mcp to refresh the server list.

Verify: Run claude mcp list. You should see radzen-blazor in the output.

GitHub Copilotlink

VS Codelink

Create or edit .vscode/mcp.json in your project root:

{
  "servers": {
    "radzen-blazor": {
      "type": "http",
      "url": "https://app.radzen.com/mcp",
      "headers": {
        "X-Radzen-Key": "YOUR-LICENSE-KEY"
      }
    }
  }
}

Tips:

• MCP support in VS Code requires version 1.99 or later. Update VS Code if you don't see MCP options.
• After saving the file, VS Code shows a Start button above each server entry in mcp.json. Click it to activate the connection.
• Use Agent mode in the Copilot Chat panel (not Edit or Ask mode) for MCP tool access.

Verify: Click the Start button next to the server entry in mcp.json. The status should change to "Running". You can also check the MCP server list in the Copilot Chat panel.

Visual Studiolink

Create or edit .mcp.json in your solution directory:

{
  "servers": {
    "radzen-blazor": {
      "url": "https://app.radzen.com/mcp",
      "headers": {
        "X-Radzen-Key": "YOUR-LICENSE-KEY"
      }
    }
  }
}

You can also place this file in your user profile directory (%USERPROFILE%) to make it available across all solutions.

Tips:

• MCP support requires Visual Studio 2022 17.14 or later. Older versions don't have MCP integration.
• Visual Studio scans for .mcp.json at the solution root on startup. If you added it while VS was open, close and reopen the solution.

Verify: Open the Copilot Chat panel and check that MCP tools are available. You should see Radzen Blazor tools listed when you hover over the tools icon.

OpenCodelink

Create or edit opencode.json in your project root:

{
  "mcp": {
    "radzen-blazor": {
      "type": "remote",
      "url": "https://app.radzen.com/mcp",
      "headers": {
        "X-Radzen-Key": "YOUR-LICENSE-KEY"
      }
    }
  }
}

Verify: Start OpenCode and check that the Radzen Blazor MCP server connects successfully.

Codexlink

Create or edit ~/.codex/config.toml:

[mcp_servers.radzen-blazor]
url = "https://app.radzen.com/mcp"

[mcp_servers.radzen-blazor.http_headers]
X-Radzen-Key = "YOUR-LICENSE-KEY"

Verify: Run Codex and confirm the MCP server is listed in the active connections.

Other MCP Clientslink

Any MCP-compatible client can connect to Radzen Blazor MCP. Use these connection details:

Most clients accept a JSON configuration similar to:

{
  "url": "https://app.radzen.com/mcp",
  "headers": {
    "X-Radzen-Key": "YOUR-LICENSE-KEY"
  }
}

Refer to your client's documentation for the exact format. The key things are: use the URL above, set the X-Radzen-Key header, and make sure the client supports HTTP (streamable HTTP) transport.

Something Not Working?link

If your assistant can't connect or returns errors, check the Troubleshooting page for common issues and fixes.