Cline MCP Marketplace — One-Click Install

Code

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Cline MCP Marketplace — One-Click Install</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;
      }

      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: var(--radius);
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
        padding: 32px;
      }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--accent);
        margin: 0 0 14px;
      }

      .eyebrow::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--accent);
        box-shadow: 0 0 10px var(--accent);
      }

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

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

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

      .access {
        margin-bottom: 24px;
      }

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

      code {
        font-family: "SFMono-Regular", ui-monospace, "Cascadia Code",
          Menlo, Consolas, 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);
        border-radius: 999px;
        padding: 6px 12px;
      }

      .cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 600;
        color: #0b0f17;
        background: var(--accent);
        border-radius: 12px;
        padding: 12px 20px;
        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 var(--accent);
        outline-offset: 3px;
      }

      .cta svg {
        width: 16px;
        height: 16px;
      }
    </style>
  </head>
  <body>
    <main class="card">
      <p class="eyebrow">Cline ecosystem</p>
      <h1>Cline MCP Marketplace — One-Click Install</h1>
      <p class="desc">
        A curated, in-editor marketplace where Cline users discover and one-click
        install MCP servers to extend their AI coding agent with new tools.
      </p>

      <section class="access">
        <h2>How to access</h2>
        <pre><code># Browse in your browser
https://cline.bot/mcp-marketplace

# Or inside the editor
1. Install the "Cline" extension in VS Code
2. Open the Cline panel → MCP Servers → Marketplace
3. Pick a server and click Install</code></pre>
      </section>

      <section>
        <h2>Compatible with</h2>
        <div class="pills">
          <span class="pill">Cline</span>
          <span class="pill">VS Code</span>
          <span class="pill">MCP</span>
          <span class="pill">AI coding agents</span>
        </div>
      </section>

      <a
        class="cta"
        href="https://cline.bot/mcp-marketplace"
        target="_blank"
        rel="noopener"
      >
        Open the MCP Marketplace
        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
          <path
            d="M7 17 17 7M17 7H9m8 0v8"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
          />
        </svg>
      </a>
    </main>
  </body>
</html>

What it is

The Cline MCP Marketplace is a curated catalog of Model Context Protocol (MCP) servers built into the Cline AI coding agent. Instead of hand-editing JSON config files, you browse ready-to-use MCP servers — for things like web search, databases, browser automation, and third-party APIs — and install them directly inside your editor.

Each listing bundles the server metadata and setup so Cline can configure it for you, turning MCP discovery and installation into a one-click experience rather than a manual chore.

How to access / install

Open it in your browser: https://cline.bot/mcp-marketplace
Or use it inside the editor: install the Cline extension in VS Code (or a compatible fork), open the Cline panel, and select the MCP Servers → Marketplace tab.
Pick a server, click Install, and Cline walks you through any required API keys or configuration, then wires it into your cline_mcp_settings.json automatically.

Good for

Developers who want to extend Cline’s agent with new capabilities without writing MCP config by hand.
Quickly trialing MCP servers (search, automation, data access) from a vetted, in-editor list.
Teams standardizing on a discoverable set of MCP tools across their Cline setups.