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

# Develop with Coinbase

export const PillarTabs = () => {
  const [active, setActive] = useState("infrastructure");
  const pillars = [{
    id: "infrastructure",
    title: "Crypto infrastructure",
    description: "Payments, wallets, trading & more.",
    icon: "layer-group"
  }, {
    id: "apps",
    title: "Coinbase apps",
    description: "OAuth and consumer APIs.",
    icon: "plug"
  }, {
    id: "institutional",
    title: "Institutional trading",
    description: "Exchange, Prime, International.",
    icon: "building-columns"
  }];
  return <>
      <style jsx global>{`
        .tab-cards > div > div { height: 100%; }
      `}</style>

      <div className="not-prose grid grid-cols-1 md:grid-cols-3 gap-4 w-full my-8 tab-cards">
        {pillars.map(({id, title, description, icon}) => {
    const isActive = active === id;
    return <div key={id} onClick={() => setActive(id)} className="relative cursor-pointer flex">
              <div className={`flex-1 flex flex-col p-6 rounded-lg border transition-all duration-200 ${isActive ? "border-blue-500 bg-blue-50/50 dark:bg-blue-950/10" : "border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-600"}`}>
                <div className="flex items-center gap-3 mb-3">
                  <Icon icon={icon} className="text-blue-600" />
                  <h3 className="font-semibold text-base m-0">{title}</h3>
                </div>
                <p className="text-sm text-gray-600 dark:text-gray-400 m-0">{description}</p>
              </div>
            </div>;
  })}
      </div>

      {active === "infrastructure" && <>
          <Heading level={2} id="build-with-crypto-infrastructure">Build with crypto infrastructure</Heading>

          <p>
            CDP provides crypto infrastructure at scale: embed wallets, payments, trading, and stablecoins into your own product, on the same foundation Coinbase runs on. Use each product on its own, or combine them as your use case needs.
          </p>

          <Heading level={3} id="what-you-can-build-infrastructure">What you can build</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="Wallets" href="/wallets/overview" icon="wallet">
              Non-custodial and custodial wallets, smart accounts, and a policy engine.
            </Card>
            <Card title="Payments" href="/payments/overview" icon="arrow-right-arrow-left">
              Payment orchestration, acceptance, and customer on- and off-ramping.
            </Card>
            <Card title="Stablecoins" href="/custom-stablecoins/overview" icon="coin">
              Issue your own branded stablecoin, backed 1:1 by USDC.
            </Card>
            <Card title="Trading" href="/trade-api/welcome" icon="chart-line">
              Onchain token swaps, price discovery, and DEX aggregation.
            </Card>
            <Card title="Onchain tools" href="/onchain-tools/overview" icon="wrench">
              Gas sponsorship, blockchain data, AI agent tooling, and testnet utilities.
            </Card>
            <Card title="Compliance" href="/customers-kyc/overview" icon="shield-check">
              Onboard your users to Coinbase with built-in KYC, under your own brand.
            </Card>
          </div>

          <Heading level={2} id="build-by-use-case" className="mt-10">Build by use case</Heading>

          <p>
            Whether you're accepting payments, sending payouts, or building wallets for your users, the use cases below show the CDP products that can power each one. Use a single product or combine a few, depending on what you're building.
          </p>

          <Heading level={3} className="mt-8">Move money</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="Accept payments" icon="cart-shopping">
              Receive funds into your accounts from customers or external parties.
              <br /><span className="text-xs text-gray-500"><a href="/payments/payment-acceptance/overview">Acceptance</a> or <a href="/payments/deposit-destinations/overview">Deposit Destinations</a> · <a href="/wallets/custodial-wallets/overview">Custodial Wallets</a> · <a href="/payments/transfers/overview">Transfers</a></span>
            </Card>
            <Card title="Send payouts" icon="money-bill-transfer">
              Send payouts and disbursements to onchain addresses, email recipients, or bank accounts.
              <br /><span className="text-xs text-gray-500"><a href="/wallets/custodial-wallets/overview">Custodial Wallets</a> · <a href="/payments/transfers/overview">Transfers</a></span>
            </Card>
            <Card title="Settle to a bank" icon="building-columns">
              Hold funds and send fiat out to external bank accounts.
              <br /><span className="text-xs text-gray-500"><a href="/wallets/custodial-wallets/overview">Custodial Wallets</a> · <a href="/payments/transfers/overview">Transfers</a> · <a href="/payments/payment-methods/overview">Payment Methods</a></span>
            </Card>
            <Card title="Manage treasury" icon="vault">
              Hold balances and move value across your organization.
              <br /><span className="text-xs text-gray-500"><a href="/payments/transfers/overview">Transfers</a> · <a href="/custom-stablecoins/overview">Custom Stablecoins</a></span>
            </Card>
          </div>

          <Heading level={3} className="mt-8">Build for your users</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="User wallets" icon="wallet">
              Give users a wallet with social login and no seed phrases, with network fees covered.
              <br /><span className="text-xs text-gray-500"><a href="/wallets/non-custodial-wallets/overview">Non-Custodial Wallets</a> · <a href="/paymaster/introduction/welcome">Paymaster</a></span>
            </Card>
            <Card title="Fund your users" icon="arrow-right-arrow-left">
              Move users between fiat and crypto, in both directions.
              <br /><span className="text-xs text-gray-500"><a href="/onramp/introduction/welcome">Onramp & Offramp</a></span>
            </Card>
            <Card title="Trading in-app" icon="chart-line">
              Add onchain token swaps inside your app.
              <br /><span className="text-xs text-gray-500"><a href="/trade-api/welcome">Trade API</a></span>
            </Card>
            <Card title="Onboard your users" icon="id-card">
              Onboard your users to Coinbase with built-in KYC, under your own brand.
              <br /><span className="text-xs text-gray-500"><a href="/customers-kyc/overview">Customers (KYC)</a></span>
            </Card>
          </div>

          <Heading level={3} className="mt-8">Launch a stablecoin</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="Issue a stablecoin" icon="coins">
              Issue your own branded stablecoin, backed 1:1 by USDC.
              <br /><span className="text-xs text-gray-500"><a href="/custom-stablecoins/overview">Custom Stablecoins</a> · <a href="/payments/transfers/overview">Transfers</a> · <a href="/onramp/introduction/welcome">Onramp & Offramp</a></span>
            </Card>
          </div>

          <Heading level={3} className="mt-8">Agents and AI</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="Power agentic payments" icon="robot">
              Let AI agents make stablecoin payments over HTTP and act onchain.
              <br /><span className="text-xs text-gray-500"><a href="/x402/welcome">x402</a> · <a href="/agent-kit/welcome">AgentKit</a></span>
            </Card>
            <Card title="AgentCore payments (AWS)" icon="cloud">
              Use CDP wallets with Amazon Bedrock AgentCore Payments, so agents can pay on behalf of users.
              <br /><span className="text-xs text-gray-500"><a href="/x402/core-concepts/amazon-bedrock-agentcore">Amazon Bedrock AgentCore</a> · <a href="/x402/welcome">x402</a></span>
            </Card>
          </div>
        </>}

      {active === "apps" && <>
          <Heading level={2} id="integrate-with-coinbase-apps">Integrate with Coinbase apps</Heading>

          <p>
            Coinbase apps let you connect to existing Coinbase users and act on their behalf with OAuth, reaching Coinbase's 100M+ verified users.
          </p>

          <Heading level={3} id="what-you-can-build-apps">What you can build</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="Coinbase App" href="/coinbase-app/introduction/welcome" icon="mobile">
              Programmatic access to your Coinbase account.
            </Card>
            <Card title="Coinbase OAuth2" href="/coinbase-app/oauth2-integration/overview" icon="key">
              Connect to Coinbase's 100M+ users.
            </Card>
            <Card title="Coinbase for Agents" href="/coinbase-for-agents/overview" icon="microchip-ai">
              Give AI agents access to Coinbase Advanced Trade — trade crypto, manage portfolios, and convert currencies.
            </Card>
          </div>
        </>}

      {active === "institutional" && <>
          <Heading level={2} id="build-for-institutions">Build for institutions</Heading>

          <p>
            Coinbase provides institutional-grade trading, custody, and financing for institutions and trading firms, from spot and derivatives exchanges to prime brokerage.
          </p>

          <Heading level={3} id="what-you-can-build-institutional">What you can build</Heading>

          <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
            <Card title="Coinbase Exchange" href="/exchange/introduction/welcome" icon="chart-line">
              Digital asset spot trading.
            </Card>
            <Card title="Coinbase International Exchange" href="/international-exchange/introduction/welcome" icon="globe">
              Global derivatives exchange.
            </Card>
            <Card title="Coinbase Prime" href="/prime/introduction/welcome" icon="shield">
              Custody and financing solutions.
            </Card>
            <Card title="Coinbase Derivatives" href="/derivatives/introduction/welcome" icon="chart-pie">
              Crypto derivatives trading.
            </Card>
          </div>
        </>}
    </>;
};

Coinbase Developer Platform (CDP) is one unified platform for APIs at Coinbase. Pick the path that matches what you're building.

<PillarTabs />