Composio — 1000+ Toolkits for AI Agents

Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Composio — 1000+ Toolkits for AI Agents</title>
<style>
  :root {
    --bg: #0b0f17;
    --surface: #141a26;
    --surface-2: #1b2333;
    --text: #e6edf6;
    --muted: #8b97a8;
    --accent: #6ea8fe;
    --border: rgba(255, 255, 255, 0.08);
  }

  * { 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", -apple-system, BlinkMacSystemFont, "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: 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;
  }

  h1 {
    margin: 16px 0 8px;
    font-size: 26px;
    line-height: 1.25;
  }

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

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

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

  .access a.url {
    color: var(--accent);
    text-decoration: none;
    font-size: 14px;
    word-break: break-all;
  }

  .access a.url:hover { text-decoration: underline; }

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

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

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

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

  .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 22px;
    border-radius: 12px;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
  }

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

  a.cta:focus-visible,
  .access a.url:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
    border-radius: 8px;
  }

  @media (max-width: 480px) {
    .card { padding: 24px; }
    h1 { font-size: 22px; }
  }
</style>
</head>
<body>
  <main class="card">
    <span class="eyebrow">Other AI coding tools</span>
    <h1>Composio — 1000+ Toolkits for AI Agents</h1>
    <p class="desc">
      A toolkit marketplace and MCP hub that gives AI agents and coding assistants
      authenticated, ready-to-use access to thousands of third-party apps — from one
      unified directory.
    </p>

    <p class="section-label">How to access</p>
    <div class="access">
      <a class="url" href="https://composio.dev/" target="_blank" rel="noopener">https://composio.dev/</a>
      <pre><code># Python SDK
pip install composio

# TypeScript / JavaScript SDK
npm install @composio/core</code></pre>
    </div>

    <p class="section-label">Compatible with</p>
    <div class="pills">
      <span class="pill">Claude Code</span>
      <span class="pill">Cursor</span>
      <span class="pill">MCP clients</span>
      <span class="pill">Python SDK</span>
      <span class="pill">TypeScript SDK</span>
    </div>

    <a class="cta" href="https://composio.dev/" target="_blank" rel="noopener">
      Visit Composio &rarr;
    </a>
  </main>
</body>
</html>

What it is

Composio is a directory and integration platform that equips AI agents and coding assistants with authenticated, ready-to-use tools. It catalogs over 1000 toolkits — spanning apps like GitHub, Slack, Gmail, Notion, Jira and many more — and exposes them through managed authentication, a unified API, and MCP servers. Instead of hand-wiring each integration, agents discover and call the tools they need from one hub.

How to access / install

Browse the catalog and sign up at composio.dev.
Connect tools to MCP-compatible clients (Claude Code, Cursor, and other AI coding tools) via the Composio MCP server, or call them programmatically.

# Python SDK
pip install composio

# TypeScript / JavaScript SDK
npm install @composio/core

Authentication, token refresh, and connection management for the underlying apps are handled by Composio, so your agent works with live user accounts safely.

Good for

Giving AI agents real, authenticated access to external SaaS apps.
Builders who want one integration layer instead of bespoke API plumbing per service.
Coding assistants and MCP clients that need a broad, managed toolkit catalog.