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

# Welcome to Voxcode

> Build web apps with your voice. Voxcode is an AI-powered coding assistant — just speak, and watch your code come to life.

Voxcode lets you write, edit, and preview web applications using natural language voice commands. No keyboard required. Powered by leading AI models, it's the fastest way to go from idea to working code — whether you're on your phone, tablet, or desktop.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Get your first app built in under 5 minutes using voice commands.
  </Card>

  <Card title="Voice Coding" icon="microphone" href="/features/voice-coding">
    Learn how to use voice commands to generate, edit, and manage code.
  </Card>

  <Card title="AI Models" icon="brain" href="/features/ai-models">
    Choose from 15+ AI models including Claude, GPT, Gemini, and Grok.
  </Card>

  <Card title="Plans & Credits" icon="credit-card" href="/plans/overview">
    Compare plans from Free to Premium and understand how credits work.
  </Card>
</CardGroup>

## How Voxcode works

<Steps>
  <Step title="Sign in">
    Create a free account using Google or GitHub. You get 20 credits to start — no payment required.
  </Step>

  <Step title="Speak your idea">
    Tap the microphone and describe what you want to build. For example: *"Create a landing page for a coffee shop."*
  </Step>

  <Step title="Review the generated code">
    Voxcode generates code snippets you can accept, edit, or ask the AI to refine — all by voice.
  </Step>

  <Step title="Preview live">
    Click **Preview** to see your app running instantly in the browser, with hot-reload as you make changes.
  </Step>
</Steps>

## Explore the docs

<CardGroup cols={2}>
  <Card title="Virtual File System" icon="folder-open" href="/features/virtual-file-system">
    Understand how Voxcode stores your project files in the browser.
  </Card>

  <Card title="Live Preview" icon="eye" href="/features/live-preview">
    See how Voxcode renders HTML, React, and Node.js projects live.
  </Card>

  <Card title="Customize" icon="sliders" href="/customization/settings">
    Adjust themes, voice display, orb style, and more.
  </Card>

  <Card title="Bring Your Own Key" icon="key" href="/plans/byok">
    Use your own API keys for unlimited, unmetered AI usage.
  </Card>
</CardGroup>