> ## Documentation Index
> Fetch the complete documentation index at: https://luminouslabs-cc5545c6-swen-add-code-runner.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Home

export const LiquidGlassPill = ({title}) => {
  return <div className="glass-pill">
      <div className="glass-pill-bg">
        <span className="glass-pill-inner" />
      </div>
      <div className="glass-pill-content">
        <h1 className="hero-title">
          {title}
        </h1>
      </div>
    </div>;
};

export const HeroCubeGrid = () => {
  const tileSize = 72;
  const gap = 6;
  const cellSize = tileSize + gap;
  const cols = Math.ceil(2048 / cellSize);
  const rows = Math.ceil(700 / cellSize);
  const centerX = (cols - 1) / 2;
  const centerY = (rows - 1) / 2;
  const maxDistance = Math.sqrt(centerX * centerX + centerY * centerY);
  const tiles = [];
  for (let row = 0; row < rows; row++) {
    for (let col = 0; col < cols; col++) {
      const dx = col - centerX;
      const dy = row - centerY;
      const distance = Math.sqrt(dx * dx + dy * dy);
      const normalizedDistance = distance / maxDistance;
      tiles.push({
        col,
        row,
        delay: normalizedDistance * 2.5
      });
    }
  }
  return <div className="hero-cube-grid">
      <svg viewBox="0 0 2048 700" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <linearGradient id="gridGradient" x1="0%" y1="0%" x2="100%" y2="100%">
            <stop offset="0%" stopColor="#f8fafc" />
            <stop offset="100%" stopColor="#f1f5f9" />
          </linearGradient>
        </defs>

        <rect width="100%" height="100%" fill="url(#gridGradient)" />

        {tiles.map((tile, i) => {
    const x = tile.col * cellSize;
    const y = tile.row * cellSize;
    return <g key={i} className="cube-tile" style={{
      animationDelay: `${tile.delay}s`
    }}>
              <rect x={x + gap / 2} y={y + gap / 2} width={tileSize} height={tileSize} fill="#e2e8f0" fillOpacity={0.5} rx={4} />
              <rect x={x + gap / 2} y={y + gap / 2} width={tileSize} height={tileSize} fill="none" stroke="#0066ff" strokeWidth={1.5} strokeOpacity={0.25} rx={4} />
            </g>;
  })}
      </svg>
    </div>;
};

export const Footer = () => {
  return <footer className="border-t border-gray-200 py-8 px-5">
      <div className="max-w-3xl mx-auto flex justify-between items-center text-sm">
        <div className="flex-1 flex items-center">
          <svg width="10" height="14" viewBox="0 0 304 422" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M184.37 46.5031L126.914 255.326C124.269 264.938 109.723 263.076 109.723 253.125V36.9475C109.723 16.542 126.722 0 147.692 0C172.655 0 190.826 23.0386 184.37 46.5031Z" fill="#0066FF" />
            <path d="M288.209 153.127L153.508 278.759C146.473 285.32 135.659 276.913 140.439 268.597L231.952 109.389C242.891 90.3566 268.332 85.3452 285.732 98.7953C303.197 112.295 304.371 138.053 288.209 153.127Z" fill="#0066FF" />
            <path d="M271.15 312.28L168.93 312.28C159.9 312.28 157.026 299.715 165.103 295.547L256.531 248.366C278.266 237.149 303.839 253.461 303.839 278.542C303.839 297.175 289.204 312.28 271.15 312.28Z" fill="#0066FF" />
            <path fillRule="evenodd" clipRule="evenodd" d="M29.5381 1.29123e-06C45.8526 5.78105e-07 59.0781 13.2255 59.0781 29.54L59.0781 392.46C59.0781 408.774 45.8526 422 29.5381 422C13.2237 422 -0.00184752 408.774 -0.00184823 392.46L-0.0018641 29.54C-0.00186481 13.2255 13.2236 2.00436e-06 29.5381 1.29123e-06Z" fill="#0066FF" />
            <path fillRule="evenodd" clipRule="evenodd" d="M303.84 392.46C303.84 408.774 290.614 422 274.3 422L29.54 422C13.2255 422 -3.8147e-05 408.774 -3.8147e-05 392.46C-3.8147e-05 376.146 13.2255 362.92 29.54 362.92L274.3 362.92C290.614 362.92 303.84 376.146 303.84 392.46Z" fill="#0066FF" />
          </svg>
        </div>
        <div className="flex-1 flex justify-center">
          <a href="https://lightprotocol.com" target="_blank" rel="noopener noreferrer" className="text-gray-500 no-underline hover:text-gray-700 transition-colors">
            lightprotocol.com
          </a>
        </div>
        <div className="flex-1 flex items-center justify-end gap-4">
          <a href="https://x.com/lightprotocol" target="_blank" rel="noopener noreferrer" className="text-gray-500 hover:text-gray-700 transition-colors flex" aria-label="X (Twitter)">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
              <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
            </svg>
          </a>
          <a href="https://github.com/Lightprotocol/light-protocol" target="_blank" rel="noopener noreferrer" className="text-gray-500 hover:text-gray-700 transition-colors flex" aria-label="GitHub">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
            </svg>
          </a>
          <a href="https://discord.com/invite/CYvjBgzRFP" target="_blank" rel="noopener noreferrer" className="text-gray-500 hover:text-gray-700 transition-colors flex" aria-label="Discord">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
              <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z" />
            </svg>
          </a>
        </div>
      </div>
    </footer>;
};

<div className="relative text-center py-24 sm:py-32 md:py-40 px-4 w-full overflow-hidden border-b border-gray-200">
  <HeroCubeGrid />

  <LiquidGlassPill title="Scale Anything on Solana." />
</div>

<div className="max-w-3xl mx-auto px-5 py-12 prose prose-gray dark:prose-invert">
  <CardGroup cols={2}>
    <Card title="Light Token Program (Beta)" icon="expand" href="/light-token/welcome">
      High performance token standard for rent-free DeFi and Payments.
    </Card>

    <Card title="ZK Compression Core" icon="compress" href="/welcome">
      Core primitives for rent-free accounts.
    </Card>
  </CardGroup>

  ## Features

  <CardGroup cols={3}>
    <Card title="Rent-free Accounts">
      Create accounts without paying upfront rent.
    </Card>

    <Card title="L1 Performance & Security">
      Execution and data availability on Solana.
    </Card>

    <Card title="Fully Composable">
      Compatible with existing programs and accounts.
    </Card>
  </CardGroup>

  ## Quickstart

  <Steps>
    <Step>
      ### Installations

      Both primitives use the same packages and CLI.

      <Tabs>
        <Tab title="npm">
          Install packages in your working directory:

          ```bash theme={null}
          npm install @lightprotocol/stateless.js@alpha \
                      @lightprotocol/compressed-token@alpha
          ```

          Install the CLI globally:

          ```bash theme={null}
          npm install -g @lightprotocol/zk-compression-cli@alpha
          ```
        </Tab>

        <Tab title="yarn">
          Install packages in your working directory:

          ```bash theme={null}
          yarn add @lightprotocol/stateless.js@alpha \
                   @lightprotocol/compressed-token@alpha
          ```

          Install the CLI globally:

          ```bash theme={null}
          yarn global add @lightprotocol/zk-compression-cli@alpha
          ```
        </Tab>

        <Tab title="pnpm">
          Install packages in your working directory:

          ```bash theme={null}
          pnpm add @lightprotocol/stateless.js@alpha \
                   @lightprotocol/compressed-token@alpha
          ```

          Install the CLI globally:

          ```bash theme={null}
          pnpm add -g @lightprotocol/zk-compression-cli@alpha
          ```
        </Tab>
      </Tabs>
    </Step>

    <Step>
      ### Get started

      <Card title="Mint tokens in under 3 minutes." icon="bolt" color="#0066ff" href="/light-token/quickstart" horizontal />
    </Step>
  </Steps>

  ## Toolkits

  <Tabs>
    <Tab title="Light Token">
      <Card title="Stablecoin Payments" icon="credit-card" color="#0066ff" href="/light-token/toolkits/for-payments" horizontal>
        Integrate light-token APIs with familiar SPL patterns.
      </Card>

      <Card title="Wallets" icon="wallet" color="#0066ff" href="/light-token/toolkits/for-wallets" horizontal>
        Allow users to display and swap light-tokens.
      </Card>

      <Card title="Streaming Mints" icon="bolt" color="#0066ff" href="/light-token/toolkits/for-streaming-mints" horizontal>
        Stream mint events from the network in real-time.
      </Card>

      <Card title="Streaming Tokens" icon="stream" color="#0066ff" href="/light-token/toolkits/for-streaming-tokens" horizontal>
        Stream token events from the network in real-time.
      </Card>
    </Tab>

    <Tab title="Compressed Tokens">
      <Card title="Airdrop without Claim" icon="parachute-box" color="#0066ff" href="/compressed-tokens/advanced-guides/create-an-airdrop" horizontal>
        Distribute tokens directly to recipients.
      </Card>

      <Card title="Airdrop with Claim" icon="hand-holding" color="#0066ff" href="/compressed-tokens/advanced-guides/create-an-airdrop-with-claim" horizontal>
        Distribute tokens and let users claim.
      </Card>

      <Card title="Wallets" icon="wallet" color="#0066ff" href="/compressed-tokens/advanced-guides/add-wallet-support-for-compressed-tokens" horizontal>
        Allow users to display and swap compressed tokens.
      </Card>

      <Card title="Token-2022" icon="coins" color="#0066ff" href="/compressed-tokens/advanced-guides/use-token-2022-with-compression" horizontal>
        Integrate Token-2022 extensions with compressed tokens.
      </Card>

      <Card title="Example Web Client" icon="browser" color="#0066ff" href="https://github.com/Lightprotocol/example-web-client" horizontal>
        Browser-based example application.
      </Card>

      <Card title="Example Node.js Client" icon="node-js" color="#0066ff" href="https://github.com/Lightprotocol/example-nodejs-client" horizontal>
        Server-side Node.js implementation.
      </Card>

      <Card title="Example Token Distribution Flows" icon="angles-right" color="#0066ff" href="https://github.com/Lightprotocol/example-token-distribution" horizontal>
        Common token distribution flows (airdrops, payments, rewards).
      </Card>
    </Tab>
  </Tabs>

  ## Cookbooks

  <CardGroup cols={2}>
    <Card title="Light Token Program" icon="coins" href="/light-token/cookbook/overview">
      Program and client guides for mints, token accounts, and transfers.
    </Card>

    <Card title="Compressed Tokens" icon="wallet" iconType="solid" href="/compressed-tokens/overview">
      Client guides for compressed token accounts.
    </Card>

    <Card title="Compressed PDAs" icon="users" href="/compressed-pdas/create-a-program-with-compressed-pdas">
      Program and client guides for PDA accounts.
    </Card>

    <Card title="Solana Attestation Service (Devnet)" icon="stamp" href="https://github.com/solana-foundation/solana-attestation-service/tree/a8fb187978ecea0b165e63767c7e6b1c036e7b52/examples/typescript/attestation-flow-guides">
      Build with compressed attestations using Rust or Typescript.
    </Card>
  </CardGroup>

  ## Using AI in Development

  |          |                                                                              |
  | :------- | :--------------------------------------------------------------------------- |
  | MCP      | Connect AI tools to the Light Protocol repository via Model Context Protocol |
  | DeepWiki | Use Deepwiki for advanced AI assistance with your development.               |

  <Tabs>
    <Tab title="Claude Code">
      ```bash theme={null}
      claude mcp add -s user -t http deepwiki https://mcp.deepwiki.com/mcp
      claude mcp add -s user -t http zkcompression https://www.zkcompression.com/mcp
      ```
    </Tab>

    <Tab title="Codex">
      ```bash theme={null}
      codex mcp add zkcompression -- npx -y mcp-remote@latest https://www.zkcompression.com/mcp
      codex mcp add deepwiki -- npx -y mcp-remote@latest https://mcp.deepwiki.com/mcp
      ```
    </Tab>

    <Tab title="Most Clients (Windsurf, Cursor, ...)">
      ```json theme={null}
      {
        "mcpServers": {
          "deepwiki": {
            "serverUrl": "https://mcp.deepwiki.com/sse"
          },
          "zkcompression": {
            "command": "npx",
            "args": ["-y", "mcp-remote@latest", "https://www.zkcompression.com/mcp"]
          }
        }
      }
      ```
    </Tab>
  </Tabs>

  <Card title="AI Tools Guide" icon="chevron-right" color="#0066ff" href="/learn/ai-tools-guide" horizontal />

  ## Resources

  <CardGroup cols={3}>
    <Card title="Security Audits" icon="shield-check" href="https://github.com/Lightprotocol/light-protocol/tree/main/audits">
      View security audits and formal verification.
    </Card>

    <Card title="Light Token Standard" icon="graduation-cap" href="/learn/light-token-standard">
      Learn core concepts of the Light token program.
    </Card>

    <Card title="ZK Compression" icon="graduation-cap" iconType="solid" href="/learn/core-concepts">
      Learn core concepts of ZK Compression.
    </Card>
  </CardGroup>

  ## SDK Reference

  ### TypeScript

  <CardGroup cols={2}>
    <Card title="@lightprotocol/stateless.js" icon="js" href="https://lightprotocol.github.io/light-protocol/stateless.js/index.html">
      Client SDK for Light Token and Compressed Accounts
    </Card>

    <Card title="@lightprotocol/compressed-token" icon="coins" href="https://lightprotocol.github.io/light-protocol/compressed-token/index.html">
      Client for Light Token and Compressed Tokens.
    </Card>
  </CardGroup>

  ### Rust

  <CardGroup cols={3}>
    <Card title="light-client" icon="rust" href="https://docs.rs/light-client/latest/light_client/">
      Rust client for Light Token and ZK Compression.
    </Card>

    <Card title="light-sdk" icon="cube" href="https://docs.rs/light-sdk/latest/light_sdk/">
      Core SDK for on-chain programs.
    </Card>

    <Card title="light-program-test" icon="flask-vial" href="https://docs.rs/crate/light-program-test/latest">
      Testing framework for programs.
    </Card>
  </CardGroup>
</div>

<Footer />
