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

# Streampixel Docs

> Stream Unreal Engine projects to any browser. No installs, no plugins, no headaches.

<div className="sp-hero">
  <div className="sp-hero-grid" />

  <div className="sp-hero-glow" />

  <span className="sp-hero-eyebrow">Documentation</span>
  <h1 className="sp-hero-title">Run your Unreal Engine application in the cloud.</h1>

  <p className="sp-hero-sub">
    Streampixel hosts your packaged Unreal app on GPU infrastructure and delivers it
    as an interactive real-time stream to anyone with a URL — no installs, no native binaries.
  </p>

  <div className="sp-hero-cta-row">
    <a className="sp-hero-cta" href="/resources/quick-start-guide/register-and-sign-in">
      Start the walkthrough →
    </a>

    <a className="sp-hero-cta-secondary" href="/resources/get-started/quickstart">
      10-minute shortcut
    </a>
  </div>
</div>

## Where do you want to start?

<CardGroup cols={2}>
  <Card title="Get Started" icon="rocket" href="/resources/quick-start-guide/register-and-sign-in">
    Sign up, prepare your Unreal build, upload, share, embed.
  </Card>

  <Card title="Dashboard guide" icon="gauge" href="/resources/dashboard/branding">
    Every setting and feature in the web app.
  </Card>

  <Card title="Iframe integration" icon="browser" href="/resources/iframe-integration/overview">
    Drop a stream into your site with one iframe and `postMessage`.
  </Card>

  <Card title="Web SDK" icon="code" href="/resources/web-sdk/getting-started/overview">
    Build a custom JS player with full event and UI control.
  </Card>

  <Card title="REST API" icon="webhook" href="/resources/api-reference/overview">
    Automate uploads, distribution, and webhooks for CI/CD.
  </Card>

  <Card title="JSON messaging" icon="message-code" href="/resources/json-message-communication/overview">
    Send and receive data between your page and Unreal.
  </Card>
</CardGroup>

## Build something specific

<CardGroup cols={3}>
  <Card title="Multiplayer" icon="users" href="/resources/recipes/multiplayer-streaming">
    One Unreal app, many viewers, shared room.
  </Card>

  <Card title="VR on the web" icon="vr-cardboard" href="/resources/recipes/vr-web-integration">
    Quest, Vision Pro, and any WebXR headset.
  </Card>

  <Card title="Mobile streaming" icon="mobile-screen" href="/resources/recipes/mobile-streaming">
    Touch input, codec choice, battery-aware defaults.
  </Card>

  <Card title="CI/CD pipeline" icon="code-pull-request" href="/resources/recipes/ci-cd-pipeline">
    Auto-upload builds from GitHub Actions on every commit.
  </Card>

  <Card title="Security hardening" icon="shield-halved" href="/resources/recipes/security-hardening">
    Lock down access, embeds, and credentials in production.
  </Card>

  <Card title="Performance tuning" icon="gauge-high" href="/resources/recipes/performance-tuning">
    Hit your latency, FPS, and bitrate targets.
  </Card>
</CardGroup>

## Stuck?

<CardGroup cols={3}>
  <Card title="Disconnect codes" icon="triangle-exclamation" href="/resources/quick-start-guide/disconnect-codes">
    What every error code means and how to recover.
  </Card>

  <Card title="FAQ" icon="circle-question" href="/frequently-asked-questions">
    The most common questions, answered.
  </Card>

  <Card title="Glossary" icon="book" href="/resources/reference/glossary">
    Every term used in the docs.
  </Card>
</CardGroup>

<Tip>
  Press <kbd>⌘K</kbd> (or <kbd>Ctrl+K</kbd>) anywhere in the dashboard to open the command palette and jump to any project, page, or action.
</Tip>
