Magic MCP vs MCP Server

A side-by-side look at the Magic MCP and MCP Server MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.

Magic MCP logoMagic MCPArchitecture & Design · Local subprocess (stdio)Create crafted UI components inspired by the best 21st.dev design engineers.53GoodAuth: api key requiredMCP Server logoMCP ServerLocation Services · Local subprocess (stdio)Geospatial intelligence with Mapbox APIs like geocoding, POI search, directions, isochrones, etc.64GoodAuth: api key required

Verdict: choose Magic MCP for architecture & design work as a local process; choose MCP Server for location services as a local process. You can also run both side by side in one mcpServers block.

Which MCP server should you choose?

Magic MCP logoChoose Magic MCP when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a local stdio subprocess transport.
  • Its auth model fits you: API key required.
  • You have the keys it needs: TWENTY_FIRST_API_KEY, API_KEY_21ST.
Explore Magic MCP

MCP Server logoChoose MCP Server when

  • You need dedicated capabilities in the Location Services domain.
  • You prefer a local stdio subprocess transport.
  • Its auth model fits you: API key required.
  • You want tools like uri.
Explore MCP Server

Feature & specification comparison

Rows where the two servers differ are marked.

SpecMagic MCP logoMagic MCPMCP Server logoMCP Server
CategoryArchitecture & DesignLocation Services
Quality signal53/100 · Good64/100 · Good
Install commandConfirmedConfirmed
TransportLocal subprocess (stdio)Local subprocess (stdio)
AuthAPI key requiredAPI key required
PricingPaid serviceNot declared
Required env varsTWENTY_FIRST_API_KEYAPI_KEY_21STNone listed
Verified ownerCommunity listingCommunity listing
GitHub stars6,217363
Directory activity 16 views 1 installs 0 upvotes 1 views 0 installs 0 upvotes
ToolsNot listed1

Tools & capabilities

Magic MCP tools

No tool names declared yet. Check the project README from the listing page.

MCP Server tools 1

  • uriThe resource URI to read (e.g., `mapbox://categories`, `mapbox://categories/ja`)

Ready-to-paste client configs

Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.

Magic MCP

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "21st-dev-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/cli@latest"
      ],
      "env": {
        "TWENTY_FIRST_API_KEY": "YOUR_TWENTY_FIRST_API_KEY_HERE",
        "API_KEY_21ST": "YOUR_API_KEY_21ST_HERE"
      }
    }
  }
}

MCP Server

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "mcp-server-139": {
      "command": "npx",
      "args": [
        "-y",
        "@mapbox/mcp-server"
      ]
    }
  }
}

Frequently asked questions

Magic MCP is categorized under Architecture & Design and uses a local stdio subprocess. MCP Server belongs to Location Services and uses a local stdio subprocess. Pick Magic MCP for architecture & design work and MCP Server for location services.

Copy the mcpServers block from the config section on this page into your client's config (for example claude_desktop_config.json or ~/.cursor/mcp.json), then fully restart the client.

Magic MCP is listed as a paid service. Auth: api key required. MCP Server has no declared pricing — check the project's own site. Auth: api key required. If a server needs environment variables such as API keys, define them under the env key in your client's MCP config.

Yes. MCP clients support multiple servers: add 21st-dev-magic-mcp and mcp-server-139 as separate keys in the same mcpServers object, and your assistant will call tools from either one.

On AllMCPs, Magic MCP has a quality signal of 53/100 (Good) with 16 views, 1 installs and 6,217 GitHub stars. MCP Server has 64/100 (Good) with 1 views, 0 installs and 363 GitHub stars.