StealThis .dev

awesome-mcp-servers (wong2) — Curated List

A community-curated GitHub list cataloging Model Context Protocol servers so developers can discover MCP integrations for Claude, Cursor and other AI tools.

markdown
Targets: HTML

Code

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

  *,
  *::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: 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: 18px;
    padding: 28px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  }

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

  h1 {
    margin: 16px 0 6px;
    font-size: 1.55rem;
    line-height: 1.2;
  }

  .by {
    margin: 0 0 14px;
    font-size: 0.9rem;
    color: var(--muted);
  }

  .desc {
    margin: 0 0 22px;
    color: var(--text);
    font-size: 1rem;
  }

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

  .access {
    margin-bottom: 22px;
  }

  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, SFMono-Regular, "SF Mono", Menlo, Consolas,
      "Liberation Mono", monospace;
    font-size: 0.85rem;
    color: var(--text);
  }

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

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

  .cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    color: #0b0f17;
    background: var(--accent);
    padding: 12px 20px;
    border-radius: 12px;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
  }

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

  .cta:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
  }

  .cta svg {
    width: 16px;
    height: 16px;
  }
</style>
</head>
<body>
  <main class="card">
    <span class="eyebrow">MCP directories</span>
    <h1>awesome-mcp-servers</h1>
    <p class="by">Curated list by wong2</p>

    <p class="desc">
      A community-curated GitHub list cataloging Model Context Protocol (MCP)
      servers, so developers can discover integrations to plug into Claude,
      Cursor and other MCP-compatible AI coding tools.
    </p>

    <section class="access">
      <h2>How to access</h2>
      <pre><code># Browse the curated list
https://github.com/wong2/awesome-mcp-servers

# Register a listed server with Claude Code
claude mcp add &lt;server-name&gt; -- npx -y &lt;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">Windsurf</span>
        <span class="pill">Any MCP client</span>
      </div>
    </section>

    <a
      class="cta"
      href="https://github.com/wong2/awesome-mcp-servers"
      target="_blank"
      rel="noopener"
    >
      View on GitHub
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
        stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <path d="M7 17 17 7" />
        <path d="M7 7h10v10" />
      </svg>
    </a>
  </main>
</body>
</html>

What it is

awesome-mcp-servers by wong2 is a curated, community-maintained GitHub repository that lists Model Context Protocol (MCP) servers. MCP is the open standard AI coding tools use to connect to external data sources and tools, so this list works as a discovery directory for finding ready-made servers to plug into your AI workflow. It is a reference list, not a package registry — each entry links out to the server’s own repo or docs.

A companion hosted index is published at mcpservers.org, which presents the same curated entries in a browsable web UI.

How to access / install

The list lives on GitHub. Browse it directly or clone it for offline reference:

# Open in the browser
open https://github.com/wong2/awesome-mcp-servers

# Or clone the list
git clone https://github.com/wong2/awesome-mcp-servers.git

Each listed server has its own installation steps. A typical MCP server is registered with a client such as Claude Code via its CLI, for example:

claude mcp add <server-name> -- npx -y <server-package>

Refer to the individual server’s README for the exact command and required configuration.

Good for

  • Discovering MCP servers for databases, APIs, browsers, file systems and more.
  • Comparing official versus community implementations before wiring one into your editor.
  • Onboarding to the MCP ecosystem across clients like Claude Code, Cursor and other MCP-compatible tools.