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

# Introduction

> APIs, wallet integration guides, and troubleshooting

Everything you need to integrate DFlow: client libraries, the Trading and Metadata APIs, and Proof for identity verification.

<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
  <a
    href="/resources/trading-api/introduction"
    className="group block relative overflow-hidden rounded-xl no-underline border border-[#66C5F6]/15 dark:border-[#66C5F6]/5 transition-all hover:scale-[1.02] hover:shadow-[0_0_40px_rgba(102,197,246,0.2)]"
    style={{
  backgroundImage: "url('https://mintcdn.com/dflow/qELrBAnO2isWQljL/images/ui-banner-buttons/button-2.png?fit=max&auto=format&n=qELrBAnO2isWQljL&q=85&s=19f0f3c01f82131c5864e8f2833f454f')",
  backgroundSize: "cover",
  backgroundPosition: "center",
  minHeight: "180px",
}}
  >
    <div className="absolute inset-0 bg-gradient-to-b from-black/90 via-black/60 to-black/30" />

    <div className="relative z-10 p-6 h-full">
      <Icon icon="arrow-right-arrow-left" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Trading API</h3>
      <p className="mt-2 text-sm text-white">Order, imperative, and declarative trading endpoints.</p>
    </div>

    <div className="absolute bottom-4 right-4 z-10 opacity-60 transition-all group-hover:opacity-100 group-hover:translate-x-1">
      <Icon icon="arrow-right" size={20} color="#66C5F6" />
    </div>
  </a>

  <a
    href="/resources/metadata-api/introduction"
    className="group block relative overflow-hidden rounded-xl no-underline border border-[#66C5F6]/15 dark:border-[#66C5F6]/5 transition-all hover:scale-[1.02] hover:shadow-[0_0_40px_rgba(102,197,246,0.2)]"
    style={{
  backgroundImage: "url('https://mintcdn.com/dflow/qELrBAnO2isWQljL/images/ui-banner-buttons/button-3.png?fit=max&auto=format&n=qELrBAnO2isWQljL&q=85&s=26b1d50e6c6b700940d31014864b52df')",
  backgroundSize: "cover",
  backgroundPosition: "center",
  minHeight: "180px",
}}
  >
    <div className="absolute inset-0 bg-gradient-to-b from-black/90 via-black/60 to-black/30" />

    <div className="relative z-10 p-6 h-full">
      <Icon icon="database" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Metadata API</h3>
      <p className="mt-2 text-sm text-white">Market discovery, orderbooks, candlesticks, and websockets.</p>
    </div>

    <div className="absolute bottom-4 right-4 z-10 opacity-60 transition-all group-hover:opacity-100 group-hover:translate-x-1">
      <Icon icon="arrow-right" size={20} color="#66C5F6" />
    </div>
  </a>

  <a
    href="/resources/proof/introduction"
    className="group block relative overflow-hidden rounded-xl no-underline border border-[#66C5F6]/15 dark:border-[#66C5F6]/5 transition-all hover:scale-[1.02] hover:shadow-[0_0_40px_rgba(102,197,246,0.2)]"
    style={{
  backgroundImage: "url('https://mintcdn.com/dflow/qELrBAnO2isWQljL/images/ui-banner-buttons/button-5.png?fit=max&auto=format&n=qELrBAnO2isWQljL&q=85&s=f8ddea2d887626e6f8810dfdabafd9bb')",
  backgroundSize: "cover",
  backgroundPosition: "center",
  minHeight: "180px",
}}
  >
    <div className="absolute inset-0 bg-gradient-to-b from-black/90 via-black/60 to-black/30" />

    <div className="relative z-10 p-6 h-full">
      <Icon icon="shield-check" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Proof (KYC)</h3>
      <p className="mt-2 text-sm text-white">Identity verification for gating wallets and meeting compliance.</p>
    </div>

    <div className="absolute bottom-4 right-4 z-10 opacity-60 transition-all group-hover:opacity-100 group-hover:translate-x-1">
      <Icon icon="arrow-right" size={20} color="#66C5F6" />
    </div>
  </a>

  <a
    href="/resources/recipes/wallets/phantom-connect"
    className="group block relative overflow-hidden rounded-xl no-underline border border-[#66C5F6]/15 dark:border-[#66C5F6]/5 transition-all hover:scale-[1.02] hover:shadow-[0_0_40px_rgba(102,197,246,0.2)]"
    style={{
  backgroundImage: "url('https://mintcdn.com/dflow/qELrBAnO2isWQljL/images/ui-banner-buttons/button-1.png?fit=max&auto=format&n=qELrBAnO2isWQljL&q=85&s=3c8e03fbb32991bab74335ffd4218703')",
  backgroundSize: "cover",
  backgroundPosition: "center",
  minHeight: "180px",
}}
  >
    <div className="absolute inset-0 bg-gradient-to-b from-black/90 via-black/60 to-black/30" />

    <div className="relative z-10 p-6 h-full">
      <Icon icon="wallet" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Wallet integration</h3>
      <p className="mt-2 text-sm text-white">Connect Phantom, Privy, and Turnkey to your DFlow app.</p>
    </div>

    <div className="absolute bottom-4 right-4 z-10 opacity-60 transition-all group-hover:opacity-100 group-hover:translate-x-1">
      <Icon icon="arrow-right" size={20} color="#66C5F6" />
    </div>
  </a>
</div>