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

# 10x: AI-Powered iOS App Builder for macOS

> 10x turns plain-language descriptions into production-quality SwiftUI apps. Describe what you want, and 10x plans, codes, and previews your iOS app instantly.

10x is an AI-powered macOS app that transforms plain-language descriptions into fully functional iOS apps. Describe what you want to build, and 10x handles the planning, SwiftUI code generation, Xcode project scaffolding, and live Simulator preview — all from a conversational interface.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Install 10x and build your first iOS app in minutes.
  </Card>

  <Card title="Building Apps" icon="wand-magic-sparkles" href="/building/overview">
    Learn how the AI plan and build modes work together.
  </Card>

  <Card title="Simulator Preview" icon="mobile-screen" href="/preview/simulator-preview">
    Run your app on the iOS Simulator and capture screenshots.
  </Card>

  <Card title="Integrations" icon="plug" href="/integrations/supabase">
    Connect a Supabase backend and configure environment variables.
  </Card>
</CardGroup>

## How 10x works

<Steps>
  <Step title="Describe your app">
    Type what you want to build in plain language on the home screen. Use a suggestion chip for inspiration or write your own idea.
  </Step>

  <Step title="Choose your style">
    Pick a design style, target audience, and any additional details in the onboarding wizard — or skip straight to building.
  </Step>

  <Step title="Let AI plan and build">
    10x enters Plan mode to research your concept and create a project plan, then switches to Build mode to write production-quality SwiftUI code.
  </Step>

  <Step title="Preview on Simulator">
    Your app is compiled and launched on the iOS Simulator automatically. View a live screenshot directly inside 10x and iterate from there.
  </Step>
</Steps>

## Key features

<CardGroup cols={2}>
  <Card title="Conversational building" icon="comments" href="/building/overview">
    Chat naturally with the AI at any point — ask for changes, describe new screens, or request fixes.
  </Card>

  <Card title="Design customization" icon="palette" href="/building/design-styles">
    Choose design inspiration, color direction, and target audience before the AI writes a single line of code.
  </Card>

  <Card title="File explorer" icon="folder-open" href="/preview/file-explorer">
    Browse every generated Swift file in a VS Code-style sidebar. View syntax-highlighted source at any time.
  </Card>

  <Card title="Supabase integration" icon="database" href="/integrations/supabase">
    Link a Supabase project to add a real backend — auth, database, and Edge Functions — to your generated app.
  </Card>
</CardGroup>