Code

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>GitHub Copilot Extensions 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: 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);
    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.12);
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 14px;
  }

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

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

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

  .access {
    margin-bottom: 24px;
  }

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

  code {
    font-family: ui-monospace, "SF Mono", "Cascadia Code", "Fira 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);
    padding: 5px 12px;
    border-radius: 999px;
  }

  .btn {
    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: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
  }

  .btn:hover {
    background: #87b6ff;
    box-shadow: 0 8px 24px rgba(110, 168, 254, 0.35);
  }

  .btn:focus-visible {
    outline: 3px solid #cfe0ff;
    outline-offset: 3px;
  }

  .btn svg { flex: 0 0 auto; }

  @media (max-width: 480px) {
    .card { padding: 24px; }
    h1 { font-size: 22px; }
  }
</style>
</head>
<body>
  <main class="card">
    <span class="eyebrow">GitHub Copilot</span>
    <h1>GitHub Copilot Extensions Marketplace</h1>
    <p class="desc">
      The official GitHub Marketplace filter for Copilot Extensions — third-party apps that add
      tools, external context, and actions to GitHub Copilot Chat right inside your editor and on
      github.com.
    </p>

    <section class="access">
      <h2>How to access</h2>
      <pre><code>https://github.com/marketplace?type=apps&amp;copilot_app=true</code></pre>
      <pre><code># In Copilot Chat, invoke an installed extension:
@docs how do I configure rate limiting?</code></pre>
    </section>

    <section>
      <h2>Compatible with</h2>
      <div class="pills">
        <span class="pill">GitHub Copilot</span>
        <span class="pill">Copilot Chat</span>
        <span class="pill">VS Code</span>
        <span class="pill">JetBrains</span>
        <span class="pill">MCP</span>
        <span class="pill">github.com</span>
      </div>
    </section>

    <a
      class="btn"
      href="https://github.com/marketplace?type=apps&copilot_app=true"
      target="_blank"
      rel="noopener"
    >
      Browse the marketplace
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
        stroke-width="2.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>

GitHub Copilot Extensions Marketplace

A directory entry for the GitHub Marketplace filter that surfaces Copilot Extensions — third-party apps that plug into GitHub Copilot Chat to add new tools, external context, and actionable commands without leaving your editor or github.com.

What it is

GitHub Copilot Extensions are GitHub Apps (or MCP-backed integrations) that extend Copilot Chat with capabilities from external services — querying docs, running platform actions, pulling in project context, and more. The Marketplace’s Copilot apps filter is the official place to browse, evaluate, and install these extensions across your personal account or organization.

How to access / install

Browse the directory directly:

https://github.com/marketplace?type=apps&copilot_app=true

From a listing page, choose Add / Install and select the account or organization to install it on. Once installed and authorized, invoke the extension inside Copilot Chat with an @ mention, for example:

@docs how do I configure rate limiting?

Organization owners can manage which extensions are allowed under Settings → Copilot → Policies.

Good for

Discovering vetted, installable add-ons for Copilot Chat in one place.
Teams wanting to connect Copilot to internal docs, CI/CD, observability, or ticketing tools.
Developers exploring the Copilot ecosystem before building their own extension.