LobeHub MCP — Categorized Server Marketplace

Code

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>LobeHub MCP — Categorized Server Marketplace</title>
    <style>
      :root {
        --bg: #0b0f17;
        --surface: #141a26;
        --surface-2: #1b2333;
        --text: #e6edf6;
        --muted: #8b97a8;
        --accent: #6ea8fe;
        --border: rgba(255, 255, 255, 0.08);
        --radius: 16px;
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        min-height: 100vh;
        display: grid;
        place-items: center;
        padding: 24px;
        background:
          radial-gradient(1200px 600px at 80% -10%, rgba(110, 168, 254, 0.12), transparent 60%),
          var(--bg);
        color: var(--text);
        font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
          Arial, sans-serif;
        line-height: 1.5;
      }

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

      .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;
      }

      h1 {
        margin: 16px 0 8px;
        font-size: clamp(22px, 4vw, 28px);
        line-height: 1.2;
      }

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

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

      .access {
        background: var(--surface-2);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 14px 16px;
        margin-bottom: 22px;
      }

      pre {
        margin: 0;
        overflow-x: auto;
      }

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

      .url code {
        color: var(--accent);
      }

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

      .pill {
        font-size: 12px;
        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;
        background: var(--accent);
        color: #0b0f17;
        font-weight: 600;
        font-size: 15px;
        text-decoration: none;
        padding: 12px 20px;
        border-radius: 12px;
        transition: transform 0.12s ease, box-shadow 0.12s ease;
      }

      .cta:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(110, 168, 254, 0.35);
      }

      .cta:focus-visible,
      .pill:focus-visible {
        outline: 3px solid var(--accent);
        outline-offset: 3px;
      }

      .arrow {
        font-size: 18px;
        line-height: 1;
      }
    </style>
  </head>
  <body>
    <main class="card">
      <span class="eyebrow">MCP directories</span>
      <h1>LobeHub MCP</h1>
      <p class="desc">
        A browsable marketplace of Model Context Protocol servers, organized by category so
        developers can discover, compare, and install integrations for their AI coding tools.
      </p>

      <section>
        <h2>How to access</h2>
        <div class="access url">
          <pre><code>https://lobehub.com/mcp</code></pre>
        </div>
        <div class="access">
          <pre><code>{
  "mcpServers": {
    "example-server": {
      "command": "npx",
      "args": ["-y", "@scope/example-mcp-server"]
    }
  }
}</code></pre>
        </div>
      </section>

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

      <a
        class="cta"
        href="https://lobehub.com/mcp"
        target="_blank"
        rel="noopener"
      >
        Browse the marketplace
        <span class="arrow" aria-hidden="true">&rarr;</span>
      </a>
    </main>
  </body>
</html>

What it is

LobeHub MCP is a curated, categorized marketplace for discovering Model Context Protocol (MCP) servers. Rather than cataloging individual plugins, it groups servers by topic and use case so developers can browse, compare, and pick the integrations that extend their AI coding tools and chat clients. Each listing typically links to the server’s source, configuration, and the capabilities it exposes.

How to access / install

Browse the marketplace in your browser:

https://lobehub.com/mcp

From a server’s detail page you can copy its configuration and add it to your MCP client. A typical MCP entry looks like this in a client config (for example Claude Desktop’s claude_desktop_config.json):

{
  "mcpServers": {
    "example-server": {
      "command": "npx",
      "args": ["-y", "@scope/example-mcp-server"]
    }
  }
}

Many editors and CLIs (Claude Code, Cursor, and other MCP-aware clients) read similar JSON configuration, so the same server entry can usually be reused across tools.

Good for

Discovering MCP servers by category instead of scrolling a flat list.
Comparing alternative servers that cover the same domain before adopting one.
Finding the exact install command and config snippet for a server you already know.
Keeping up with new and trending integrations for AI coding assistants.