> ## 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.

# What is DFlow

> Overview of DFlow's trading infrastructure on Solana

DFlow is the most powerful trading infrastructure on Solana, enabling apps to access the cutting edge of financial markets.

Across both spot token trading and prediction markets, DFlow serves millions of users globally and is trusted by the largest trading platforms.

## Spot Trading

<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
  <a
    href="/spot/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-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="arrow-right-arrow-left" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Introduction</h3>
      <p className="mt-2 text-sm text-white">What spot trading on DFlow is and how it works.</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="/spot/recipes/quickstart"
    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="rocket" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Quickstart</h3>
      <p className="mt-2 text-sm text-white">Execute your first swap in a few lines of code.</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>

## Prediction Markets

<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
  <a
    href="/prediction-markets/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="chart-line" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Introduction</h3>
      <p className="mt-2 text-sm text-white">What prediction markets are and the benefits of tokenizing outcomes.</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="/prediction-markets/recipes/quickstart"
    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-4.png?fit=max&auto=format&n=qELrBAnO2isWQljL&q=85&s=b22e5fbeb1975dba0fec0d51d2c83f4c')",
  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="rocket" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Quickstart</h3>
      <p className="mt-2 text-sm text-white">Build a Kalshi prediction market integration end to end.</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>

## Tools & Reference

<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
  <a
    href="/resources/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="code" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">APIs</h3>
      <p className="mt-2 text-sm text-white">Trading, Metadata, and Proof API references, plus troubleshooting and wallet integration guides.</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="/ai/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-6.png?fit=max&auto=format&n=qELrBAnO2isWQljL&q=85&s=7d3eb73db8e262b0423af72c95f601b7')",
  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="robot" size={24} color="#66C5F6" />

      <h3 className="mt-3 text-lg font-semibold text-white">Build with AI</h3>
      <p className="mt-2 text-sm text-white">Agent CLI, MCP server, and Claude Code skills for connecting AI agents to DFlow.</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>
