MCPMarket — MCP Servers & Clients Directory

Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MCPMarket — MCP Servers & Clients Directory</title>
<style>
  :root {
    --bg: #0b0f17;
    --surface: #141a26;
    --surface-2: #1b2434;
    --text: #e6edf6;
    --muted: #8b97a8;
    --accent: #6ea8fe;
    --border: rgba(255, 255, 255, 0.08);
    --radius: 16px;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html,
  body {
    margin: 0;
    padding: 0;
  }

  body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(1200px 600px at 50% -10%, #16203200, var(--bg)) , var(--bg);
    color: var(--text);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
      Arial, sans-serif;
    line-height: 1.55;
  }

  .card {
    width: 100%;
    max-width: 640px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 32px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  }

  .eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(110, 168, 254, 0.1);
    border: 1px solid rgba(110, 168, 254, 0.25);
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 16px;
  }

  h1 {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 700;
  }

  .desc {
    margin: 0 0 24px;
    color: var(--muted);
    font-size: 15px;
  }

  h2 {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
  }

  .access {
    margin-bottom: 24px;
  }

  pre {
    margin: 0;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 14px 16px;
    overflow-x: auto;
  }

  code {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono",
      monospace;
    font-size: 13px;
    color: var(--text);
  }

  .pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
  }

  .pill {
    font-size: 12px;
    font-weight: 500;
    color: var(--text);
    background: var(--surface-2);
    border: 1px solid var(--border);
    padding: 5px 12px;
    border-radius: 999px;
  }

  .cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    color: #0b0f17;
    background: var(--accent);
    padding: 13px 20px;
    border-radius: 12px;
    transition: background 0.15s ease, transform 0.05s ease;
  }

  .cta:hover {
    background: #87b6ff;
  }

  .cta:active {
    transform: translateY(1px);
  }

  .cta:focus-visible {
    outline: 3px solid rgba(110, 168, 254, 0.6);
    outline-offset: 2px;
  }

  .arrow {
    font-size: 16px;
    line-height: 1;
  }
</style>
</head>
<body>
  <main class="card">
    <span class="eyebrow">MCP directories</span>
    <h1>MCPMarket — MCP Servers &amp; Clients Directory</h1>
    <p class="desc">
      A curated directory where developers discover, compare, and install Model
      Context Protocol servers and clients for AI coding tools and agents.
    </p>

    <section class="access">
      <h2>How to access</h2>
      <pre><code>https://mcpmarket.com/

# typical server run, then register it in your client's MCP config
npx -y &lt;mcp-server-package&gt;</code></pre>
    </section>

    <section>
      <h2>Compatible with</h2>
      <div class="pills">
        <span class="pill">Claude Code</span>
        <span class="pill">Cursor</span>
        <span class="pill">Claude Desktop</span>
        <span class="pill">MCP clients</span>
        <span class="pill">AI agents</span>
      </div>
    </section>

    <a
      class="cta"
      href="https://mcpmarket.com/"
      target="_blank"
      rel="noopener"
    >
      Visit MCPMarket
      <span class="arrow" aria-hidden="true">&rarr;</span>
    </a>
  </main>
</body>
</html>

What it is

MCPMarket is a web directory for the Model Context Protocol (MCP) ecosystem. It catalogs MCP servers (connectors that expose tools, data, and APIs to AI agents) and MCP clients (the apps and IDEs that consume them), so developers can browse, compare, and find the right integration in one place instead of hunting across scattered repos.

How to access / install

MCPMarket is browser-based — there is nothing to install to use the directory itself:

https://mcpmarket.com/

Each listing typically points to the underlying server’s repository or package along with its own setup instructions. A common pattern for running an MCP server is via your package runner, for example:

npx -y <mcp-server-package>
# then register it in your client's MCP config (e.g. claude_desktop_config.json
# or your editor's MCP settings)

Always follow the install and configuration notes shown on the individual listing.

Good for

Discovering MCP servers for databases, APIs, files, and SaaS tools
Comparing MCP clients and which agents/IDEs support the protocol
Finding the right connector to plug into Claude Code, Cursor, and other MCP-capable tools
Getting oriented in the MCP ecosystem when you are just starting out