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

# Build with Raze.bot

<div className="relative text-[#181D27] dark:text-[#F9F9FB]">
  <div className="flex flex-col items-center justify-center pt-8 pb-8 md:pt-16 md:pb-16 relative px-4">
    <div className="text-center max-w-6xl mx-auto">
      <div className="text-center text-xs sm:text-base text-[#1fae74] dark:text-[#178257] font-medium leading-normal">Solana Trading Infrastructure</div>
      <div className="text-center text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-semibold leading-tight sm:leading-[60px] md:leading-[80px] lg:leading-[96px] mt-2">Build with Raze.bot</div>

      <div className="text-center text-[#535862] dark:text-[#A6A09E] text-sm sm:text-lg font-normal leading-6 mt-4 max-w-2xl mx-auto">
        REST APIs, WebSocket streaming, and open-source trading UI for Solana
      </div>

      {/* Hero card group */}

      <div className="mx-1 md:mx-20 grid grid-cols-4 gap-2 md:gap-4 p-2 md:p-6 mt-4">
        <div className="bg-gradient-to-br from-[#178257]/10 to-[#1fae74]/10 border border-[#1fae74]/10 rounded-lg md:rounded-xl p-3 md:p-5 text-center">
          <div className="text-xl md:text-2xl font-bold text-[#1fae74] dark:text-[#178257] mb-1 md:mb-2">REST</div>
          <div className="text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1">APIs</div>
          <div className="text-xs text-gray-600 dark:text-gray-400 hidden md:block">Swap and Data</div>
        </div>

        <div className="bg-gradient-to-br from-[#1fae74]/10 to-[#178257]/10 border border-[#1fae74]/10 rounded-lg md:rounded-xl p-3 md:p-5 text-center">
          <div className="text-xl md:text-2xl font-bold text-[#1fae74] dark:text-[#178257] mb-1 md:mb-2">WS</div>
          <div className="text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1">Streaming</div>
          <div className="text-xs text-gray-600 dark:text-gray-400 hidden md:block">Real-time</div>
        </div>

        <div className="bg-gradient-to-br from-[#178257]/10 to-[#1fae74]/10 border border-[#1fae74]/10 rounded-lg md:rounded-xl p-3 md:p-5 text-center">
          <div className="text-xl md:text-2xl font-bold text-[#1fae74] dark:text-[#178257] mb-1 md:mb-2">3</div>
          <div className="text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1">Regions</div>
          <div className="text-xs text-gray-600 dark:text-gray-400 hidden md:block">DE, US, Tokyo</div>
        </div>

        <div className="bg-gradient-to-br from-[#1fae74]/10 to-[#178257]/10 border border-[#1fae74]/10 rounded-lg md:rounded-xl p-3 md:p-5 text-center">
          <div className="text-xl md:text-2xl font-bold text-[#1fae74] dark:text-[#178257] mb-1 md:mb-2">OSS</div>
          <div className="text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1">Solana UI</div>
          <div className="text-xs text-gray-600 dark:text-gray-400 hidden md:block">Open Source</div>
        </div>
      </div>
    </div>

    <div className="mt-8 md:mt-12 flex gap-4">
      <a href="/get-started" className="inline-flex items-center px-8 md:px-10 py-2 md:py-3 bg-gradient-to-r from-[#1fae74] to-[#178257] text-white font-semibold text-base md:text-lg rounded-xl shadow-lg hover:shadow-xl hover:shadow-[#1fae74]/20 hover:scale-105 transition-all duration-300 ease-in-out">
        Get Started
      </a>

      <a href="https://raze.bot" className="inline-flex items-center px-8 md:px-10 py-2 md:py-3 border border-[#1fae74] text-[#1fae74] font-semibold text-base md:text-lg rounded-xl hover:bg-[#1fae74]/10 transition-all duration-300 ease-in-out">
        My Raze
      </a>
    </div>
  </div>

  <div className="max-w-6xl mx-auto px-4">
    <div className="w-full h-px bg-gradient-to-r from-transparent via-gray-300 dark:via-gray-600 to-transparent" />
  </div>

  <div className="max-w-6xl mx-auto pt-16 md:pt-24 pb-10 md:pb-20 relative px-4">
    <div className="flex justify-center text-2xl sm:text-3xl md:text-4xl font-bold leading-tight md:leading-10 pb-2">APIs and Services</div>
    <div className="flex justify-center text-[#535862] dark:text-[#A6A09E] text-xs sm:text-lg font-normal leading-6 sm:leading-7 pb-10 sm:pb-14 text-center">REST APIs, WebSocket streaming, and trading tools</div>

    <CardGroup cols={2}>
      <Card title="Trading API" icon="bolt" href="/api-reference/router/swap/buy">
        Token swaps and raw instructions. Auth optional for buy/sell — 0.5% fee on public swaps.
      </Card>

      <Card title="Streaming API" icon="signal-stream" href="/api-reference/streaming">
        Real-time WebSocket streaming for trades, deploys, migrations, and alerts.
      </Card>

      <Card title="History API" icon="clock-rotate-left" href="/api-reference/history/price/price">
        Historical data, OHLC, holders, trades, tokens, alerts, and sentiment analysis.
      </Card>
    </CardGroup>

    <div className="mt-8">
      <CardGroup cols={2}>
        <Card title="Solana UI" icon="window" href="/solana-ui/introduction">
          Open-source multi-wallet trading platform. Self-host or embed via iframe.
        </Card>

        <Card title="iFrame Widget" icon="code" href="/iframe-integration/index">
          Embed Raze trading widget in your application with full customization.
        </Card>
      </CardGroup>
    </div>
  </div>

  <div className="max-w-6xl mx-auto px-4">
    <div className="w-full h-px bg-gradient-to-r from-transparent via-gray-300 dark:via-gray-600 to-transparent" />
  </div>

  <div className="max-w-6xl mx-auto pt-16 md:pt-24 pb-10 md:pb-20 relative px-4">
    <div className="flex justify-center text-2xl sm:text-3xl md:text-4xl font-bold leading-tight md:leading-10 pb-2">Real-Time Streaming</div>
    <div className="flex justify-center text-[#535862] dark:text-[#A6A09E] text-base sm:text-lg font-normal leading-6 sm:leading-7 pb-10 sm:pb-14 text-center">WebSocket API for live Solana transaction data</div>

    <CardGroup cols={3}>
      <Card title="Trades" icon="chart-line">
        Real-time buy/sell events with price, volume, and signer data
      </Card>

      <Card title="Deploys" icon="rocket">
        New token launches on Pump.fun, Bonk, Meteora, and more
      </Card>

      <Card title="Alerts" icon="bell">
        Trading alerts based on volume, price changes, and metrics
      </Card>
    </CardGroup>

    <div className="mt-8 text-center">
      <span className="bg-gray-100 dark:bg-gray-800 px-4 py-2 rounded-lg text-sm font-mono">
        wss\://ws.raze.bot/ws/sol?apiKey=YOUR\_API\_KEY
      </span>
    </div>
  </div>

  <div className="max-w-6xl mx-auto px-4">
    <div className="w-full h-px bg-gradient-to-r from-transparent via-gray-300 dark:via-gray-600 to-transparent" />
  </div>

  <div className="max-w-6xl mx-auto pt-16 md:pt-24 pb-10 md:pb-20 relative px-4">
    <div className="flex justify-center text-2xl sm:text-3xl md:text-4xl font-bold leading-tight md:leading-10 pb-2">Solana UI</div>
    <div className="flex justify-center text-[#535862] dark:text-[#A6A09E] text-base sm:text-lg font-normal leading-6 sm:leading-7 pb-10 sm:pb-14 text-center">Open-source multi-wallet trading platform</div>

    <CardGroup cols={2}>
      <Card title="Multi-Wallet Trading" icon="wallet" href="/solana-ui/solana-multi-wallet/key-features">
        Manage multiple wallets, execute trades across all simultaneously
      </Card>

      <Card title="Automation Tools" icon="robot" href="/solana-ui/how-to-use/how-to-use">
        Sniper bot, copy trading, and custom automation profiles
      </Card>

      <Card title="Token Deployment" icon="coins" href="/solana-ui/how-to-use/how-to-use">
        Launch tokens on Pump.fun, Bonk.fun, and Meteora
      </Card>

      <Card title="iFrame Widget" icon="code" href="/iframe-integration/index">
        Embed Raze in your app with full customization and real-time stats
      </Card>
    </CardGroup>

    <div className="mt-8 flex justify-center gap-4">
      <a href="https://sol.raze.bot" className="text-[#1fae74] hover:underline font-medium">Live Demo</a>
      <a href="https://github.com/razedotbot/solana-ui" className="text-[#1fae74] hover:underline font-medium">GitHub</a>
    </div>
  </div>

  <div className="max-w-6xl mx-auto px-4">
    <div className="w-full h-px bg-gradient-to-r from-transparent via-gray-300 dark:via-gray-600 to-transparent" />
  </div>

  <div className="max-w-6xl mx-auto pt-16 md:pt-24 pb-16 md:pb-24 relative px-4">
    <div className="flex justify-center text-2xl sm:text-3xl md:text-4xl font-bold leading-tight md:leading-10 pb-2">Resources</div>
    <div className="flex justify-center text-[#535862] dark:text-[#A6A09E] text-base sm:text-lg font-normal leading-6 sm:leading-7 pb-10 sm:pb-14 text-center">Documentation, support, and community</div>

    <CardGroup cols={2}>
      <Card title="Get Started" icon="rocket" href="/get-started">
        Setup guides and quick start tutorials
      </Card>

      <Card title="Discord" icon="discord" href="https://discord.com/invite/RNK5v92XpB">
        Join our community for support
      </Card>
    </CardGroup>
  </div>
</div>