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

# Bungee Docs

> Explore guides and examples to integrate Bungee swaps into your application

<div className="not-prose mx-auto max-w-[1240px] px-3 pb-12 pt-4 text-[#121212] sm:px-4 sm:pb-16 sm:pt-6 dark:text-[#f3f3f3]">
  <section className="grid gap-5 md:grid-cols-5 md:items-stretch">
    <div className="flex h-full flex-col justify-between rounded-xl bg-transparent p-6 sm:p-9 md:col-span-3 md:min-h-[460px] dark:bg-transparent">
      <div>
        <img src="https://mintcdn.com/socket-724d51c9/IG8FecVPV_CxsNe8/images/BungeeFullBlack.svg?fit=max&auto=format&n=IG8FecVPV_CxsNe8&q=85&s=6fd8cd91331bbcbceee8969dbebbecfd" alt="Bungee" className="home-wordmark mb-10 block dark:hidden" width="557" height="112" data-path="images/BungeeFullBlack.svg" />

        <img src="https://mintcdn.com/socket-724d51c9/IG8FecVPV_CxsNe8/images/BungeeFullWhite.svg?fit=max&auto=format&n=IG8FecVPV_CxsNe8&q=85&s=881a5ca46d8cb2ea207bf89879553a18" alt="Bungee" className="home-wordmark mb-10 hidden dark:block" width="557" height="112" data-path="images/BungeeFullWhite.svg" />

        <h1 className="home-title">
          Understand Bungee.<br />Build faster.
        </h1>

        <p className="home-summary max-w-[560px]">
          Learn the product, then move into APIs, widgets, and routing guides for cross-chain swaps, bridges, and deposit flows.
        </p>

        <div className="mt-7 flex flex-col gap-3 sm:flex-row sm:flex-wrap">
          <a href="/integrate/integration-introduction" className="inline-flex min-h-11 w-full items-center justify-center rounded-[10px] border border-transparent bg-[var(--brand-yellow)] px-[18px] text-[0.95rem] font-semibold text-[var(--brand-black)] no-underline transition-colors duration-150 hover:bg-[#e8b900] hover:text-[var(--brand-black)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgba(253,200,0,0.45)] sm:w-auto">
            Start integrating
          </a>

          <a href="/overview/what-is-bungee" className="inline-flex min-h-11 w-full items-center justify-center rounded-[10px] border border-black/10 bg-transparent px-[18px] text-[0.95rem] font-semibold text-[var(--brand-black)] no-underline transition-colors duration-150 hover:border-[var(--brand-yellow)] hover:bg-[var(--brand-yellow)] hover:text-[var(--brand-black)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgba(253,200,0,0.45)] dark:border-white/10 dark:bg-transparent dark:text-[#f3f3f3] dark:hover:border-[var(--brand-yellow)] dark:hover:bg-[var(--brand-yellow)] dark:hover:text-[var(--brand-black)] sm:w-auto">
            About Bungee
          </a>
        </div>
      </div>
    </div>

    <div className="md:col-span-2">
      <CardGroup cols={1}>
        <Card title="Get API access" icon="key" href="/integrate/get-api-access">
          Create credentials and start integrating.
        </Card>

        <Card title="Fastest path to launch" icon="puzzle-piece" href="/integrate/bungee-widget">
          Use the widget for the quickest embed.
        </Card>

        <Card title="For Agents" icon="tools" href="/for-agents/intro">
          Use Bungee docs from coding agents and other LLM-powered tools.
        </Card>
      </CardGroup>
    </div>
  </section>

  <div className="mt-10">
    <div className="mb-5 flex items-center gap-4">
      <span className="h-px flex-1 bg-[#e4e4e7] dark:bg-[#27272f]" />

      <h2 className="m-0 text-center text-[1.02rem] font-semibold tracking-[-0.015em] text-[#121212] dark:text-[#f3f3f3]">
        Resources
      </h2>

      <span className="h-px flex-1 bg-[#e4e4e7] dark:bg-[#27272f]" />
    </div>

    <CardGroup cols={3}>
      <Card title="Support" icon="life-ring" href="/overview/support" horizontal>
        Get help when you hit integration or product questions.
      </Card>

      <Card title="Brandkit" icon="folder-open" href="https://sockettech.notion.site/Bungee-Brand-Kit-185818fd285880d88fccd82b3b4adbf4" horizontal>
        Download logos, brand assets, and design resources.
      </Card>

      <Card title="OpenAPI spec" icon="code" href="/api-reference" horizontal>
        Inspect the raw API schema when you need the reference directly.
      </Card>
    </CardGroup>
  </div>
</div>