> ## Documentation Index
> Fetch the complete documentation index at: https://outcrawl.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Home

> Web infrastructure for AI agents. Your agent gets the page, every time.

export const DocsHero = ({title, subtitle}) => {
  const CELL = 14;
  const ROW = 12;
  const BRAND = '#4B1BF3';
  const ACCENT = '#4B1BF3';
  const L = (x, y, o, accent) => ({
    a: 'l',
    x,
    y,
    o,
    accent
  });
  const R = (x, y, o, accent) => ({
    a: 'r',
    x,
    y,
    o,
    accent
  });
  const C = (xo, y, o) => ({
    a: 'c',
    xo,
    y,
    o
  });
  const pattern = [L(0, 0, 0.50), L(1, 0, 0.42), L(2, 0, 0.30), L(3, 0, 0.20), L(4, 0, 0.14), L(5, 0, 0.10), L(6, 0, 0.07), L(8, 0, 0.05), L(10, 0, 0.04), L(13, 0, 0.03), L(0, 1, 0.40), L(1, 1, 0.32), L(2, 1, 0.22), L(3, 1, 0.13), L(4, 1, 0.08), L(6, 1, 0.05), L(9, 1, 0.03), L(0, 2, 0.32), L(1, 2, 0.24), L(2, 2, 0.15), L(4, 2, 0.06), L(0, 3, 0.26), L(1, 3, 0.16), L(2, 3, 0.55, true), L(5, 3, 0.04), L(0, 4, 0.21), L(1, 4, 0.10), L(3, 4, 0.04), L(0, 5, 0.17), L(1, 5, 0.07), L(0, 6, 0.13), L(2, 6, 0.04), L(0, 7, 0.09), L(0, 8, 0.06), L(1, 8, 0.03), L(0, 9, 0.04), L(0, 10, 0.02), C(-30, 0, 0.06), C(-29, 1, 0.04), C(-27, 0, 0.05), C(-26, 2, 0.04), C(-16, 0, 0.06), C(-15, 1, 0.04), C(-14, 0, 0.05), C(-12, 3, 0.04), C(-3, 0, 0.05), C(-2, 1, 0.04), C(0, 0, 0.06), C(1, 2, 0.04), C(2, 0, 0.05), C(14, 0, 0.05), C(15, 1, 0.04), C(17, 0, 0.06), C(19, 4, 0.04), C(28, 0, 0.05), C(29, 1, 0.04), C(31, 0, 0.05), C(32, 2, 0.04), R(0, 0, 0.46), R(1, 0, 0.38), R(2, 0, 0.28), R(3, 0, 0.20), R(4, 0, 0.14), R(5, 0, 0.10), R(7, 0, 0.06), R(9, 0, 0.04), R(12, 0, 0.03), R(0, 1, 0.36), R(1, 1, 0.28), R(2, 1, 0.18), R(3, 1, 0.12), R(5, 1, 0.07), R(8, 1, 0.04), R(0, 2, 0.28), R(1, 2, 0.20), R(3, 2, 0.50, true), R(5, 2, 0.04), R(0, 3, 0.21), R(1, 3, 0.12), R(4, 3, 0.05), R(0, 4, 0.16), R(1, 4, 0.07), R(0, 5, 0.10), R(0, 6, 0.05)];
  const cellStyle = c => {
    const s = {
      position: 'absolute',
      width: CELL + 'px',
      height: CELL + 'px',
      bottom: c.y * CELL + 'px',
      opacity: c.o,
      backgroundColor: c.accent ? ACCENT : BRAND
    };
    if (c.a === 'l') s.left = c.x * CELL + 'px'; else if (c.a === 'r') s.right = c.x * CELL + 'px'; else s.left = 'calc(50% + ' + c.xo * CELL + 'px)';
    return s;
  };
  return <div className="oc-hero" style={{
    position: 'relative',
    padding: '4rem 2rem 5rem',
    marginBottom: '2.5rem',
    overflow: 'hidden',
    borderRadius: '0.5rem'
  }}>
      <h1 style={{
    fontSize: 'clamp(2.5rem, 6vw, 4rem)',
    fontWeight: 500,
    letterSpacing: '-0.035em',
    lineHeight: 1.05,
    margin: 0,
    position: 'relative',
    zIndex: 1
  }}>{title}</h1>
      <p style={{
    marginTop: '1.5rem',
    maxWidth: '42rem',
    opacity: 0.7,
    fontSize: '1rem',
    lineHeight: 1.6,
    position: 'relative',
    zIndex: 1
  }}>{subtitle}</p>
      <div aria-hidden style={{
    position: 'absolute',
    bottom: 0,
    left: 0,
    right: 0,
    height: ROW * CELL + 'px',
    pointerEvents: 'none',
    zIndex: 0
  }}>
        {pattern.map((c, i) => <div key={i} style={cellStyle(c)} />)}
      </div>
    </div>;
};

export const OutcrawlStyles = () => {
  if (typeof document !== 'undefined' && !document.getElementById('outcrawl-overrides')) {
    const s = document.createElement('style');
    s.id = 'outcrawl-overrides';
    s.textContent = `
      /* Match the product's radius grid (4 / 6 / 8 / 9999), not Mintlify's default. */
      .rounded-sm { border-radius: 0.375rem !important; } /* 6px, --r-ctl */
      .rounded-md { border-radius: 0.375rem !important; } /* 6px, --r-ctl */
      .rounded-lg { border-radius: 0.5rem !important; }   /* 8px, --r-panel */
      .rounded-l-sm { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; }
      .rounded-r-sm { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; }
      .rounded-l-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; }
      .rounded-r-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; }
      .rounded-l-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; }
      .rounded-r-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }

      /* Cards: never pure white in light mode, matching the one-big-card surface tone. */
      .card { background-color: #fcfcfc !important; border-radius: 0.5rem !important; }
      html.dark .card { background-color: #141311 !important; }

      /* Docs hero box */
      .oc-hero { background-color: #fcfcfc; border: 1px solid #e5e2dc; }
      html.dark .oc-hero { background-color: #141311; border-color: #26241f; }
      html.dark .oc-hero h1 { color: #edeae4; }

      /* Thin, transparent-track, hide-until-hover scrollbar. */
      ::-webkit-scrollbar { width: 6px; height: 6px; background-color: transparent; }
      ::-webkit-scrollbar-track { background-color: transparent; }
      ::-webkit-scrollbar-thumb { background-color: rgba(155, 155, 155, 0.5); border-radius: 10px; transition: opacity 0.3s ease; opacity: 0; }
      ::-webkit-scrollbar-thumb:hover { background-color: rgba(155, 155, 155, 0.7); }
      *:hover::-webkit-scrollbar-thumb,
      *:focus::-webkit-scrollbar-thumb,
      *:active::-webkit-scrollbar-thumb { opacity: 1; }
      * { scrollbar-width: thin; scrollbar-color: rgba(155, 155, 155, 0.5) transparent; }
    `;
    document.head.appendChild(s);
  }
  return null;
};

<OutcrawlStyles />

<DocsHero title="Build on Outcrawl" subtitle="One URL in, structured content out. One credit balance for scrape, crawl, search, browsers and agents." />

> ## For agents
>
> Fetch the complete documentation index at: [https://outcrawl.ai/docs/llms.txt](https://outcrawl.ai/docs/llms.txt)

Outcrawl is web infrastructure for AI agents: the layer an agent stands on when it touches the web. One account, one credit balance, five things: scrape, crawl, search, browsers, agents. What you get back is a request that returns the page.

<Columns cols={4}>
  <Card title="Quickstart" icon="rocket" href="/docs/getting-started/quickstart">
    Make your first API call in under five minutes.
  </Card>

  <Card title="Concepts" icon="book" href="/docs/getting-started/concepts">
    Credits, jobs and the shape every capability shares.
  </Card>

  <Card title="SDKs" icon="code" href="/docs/sdks/overview">
    TypeScript and Python, typed end to end.
  </Card>

  <Card title="API reference" icon="terminal-2" href="/docs/api-reference">
    Every route, generated from the capability registry.
  </Card>
</Columns>

## The Outcrawl platform

Five things on one credit balance, plus the monitors and platform primitives that support them, all under one account and one bill.

<Columns cols={3}>
  <Card title="Scrape" icon="file-text" href="/docs/scrape/overview">
    One URL, clean structured content instead of markup.
  </Card>

  <Card title="Crawl" icon="route" href="/docs/crawl/overview">
    Walk a site from a seed and stream every page.
  </Card>

  <Card title="Search" icon="search" href="/docs/search/overview">
    Results you can act on, optionally rendered.
  </Card>

  <Card title="Browsers" icon="device-desktop" href="/docs/browsers/overview">
    A real browser your agent drives over plain CDP.
  </Card>

  <Card title="Agents" icon="player-play" href="/docs/agents/overview">
    Hand over a task, it finishes in a real browser.
  </Card>

  <Card title="Monitors" icon="bell" href="/docs/monitors/overview">
    Watch a page on a schedule, notify on real change.
  </Card>
</Columns>

## Explore examples

Real jobs an agent does in a real browser, each a complete program in TypeScript and Python.

<Columns cols={4}>
  <Card title="Cancel forgotten subscriptions" icon="credit-card-off" href="/docs/examples/cancel-forgotten-subscriptions">
    One agent per service walks the cancel flow and stops at the last button for your yes.
  </Card>

  <Card title="Price a basket in 20 countries" icon="world" href="/docs/examples/price-a-basket-in-20-countries">
    Twenty agents, each browsing from a different country, report what locals pay.
  </Card>

  <Card title="Give your AI app a browser" icon="browser" href="/docs/examples/give-your-ai-app-a-browser">
    One tool, browse(task), so your own assistant can use live websites and cite them.
  </Card>

  <Card title="QA your signup every hour" icon="user-check" href="/docs/examples/qa-your-signup-flow-hourly">
    Agents sign up to your product from three countries and file an issue when a step breaks.
  </Card>
</Columns>

## Start building

<Columns cols={3}>
  <Card title="TypeScript" icon="brand-typescript" href="/docs/sdks/typescript">
    The full platform, plus live browser control over CDP.
  </Card>

  <Card title="Python" icon="brand-python" href="/docs/sdks/python">
    Async and context managed, one wheel for every OS.
  </Card>

  <Card title="MCP" icon="plug" href="/docs/mcp/overview">
    27 tools your assistant can call directly.
  </Card>
</Columns>

<Card title="CLI" icon="terminal" href="/docs/cli/overview" horizontal>
  A single static binary. Scrape, crawl, search, agents, monitors and billing, all from your terminal.
</Card>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.