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

# Welcome to Mythos

> Mythos builds real React and Next.js apps from a plain-language prompt. Iterate in chat, connect your own Supabase, export to GitHub, and publish.

Mythos turns a plain-language description into a real, running web app. You type what you want —
"a landing page for a moving company", "a booking tool for my barbershop" — and Mythos scaffolds a
production-shaped **React (Vite)** or **Next.js** project, writes the components, and shows you a live
preview in seconds. You keep iterating by chatting with it or by editing the code yourself in the
built-in editor.

It is a browser-based AI developer: the speed of a prompt, but the output is real code — not a
locked-in template — that you can export to your own GitHub.

<Note>**Cost:** new accounts start with **5 free credits**. Building a new project costs **3
credits**, an edit costs **2**. Credits are pay-as-you-go and never expire — there are no monthly
subscriptions. See [Credits & pricing](/introduction/credits-and-usage).</Note>

## Why Mythos

* **Real code, not a black box.** Mythos keeps each project in a private repository and builds it
  commit by commit. Connect your GitHub account once and **export to your own GitHub** anytime — you
  get a clean repository that is yours. You can read the code, edit it in the workspace IDE, and take
  it with you. (Mythos keeps its own internal build copy.)
* **Modern stack, decided for you.** React 19 + Vite, or Next.js 16 (App Router), with Tailwind CSS —
  current, conventional choices that look and behave like a project a developer would ship.
* **Iterate in plain language.** Describe a change and Mythos makes it. Switch to the code editor when
  you want precise control.
* **Bring your own backend.** Connect your own Supabase project for a database, auth, and storage —
  your data stays in your account.
* **Publish in a click.** Ship to a live `*.r21.dev` URL, then point a custom domain at it.

## Who Mythos is for

* **Founders and indie builders** shipping an MVP or a marketing site fast.
* **Designers and non-developers** who want a real, editable site instead of a no-code lock-in.
* **Developers** who want to skip the boilerplate and jump straight into a working scaffold.

## What you can build

Mythos is **frontend-first**: it excels at landing pages, marketing sites, dashboards, portfolios,
and the UI of a SaaS or internal tool. Add a database and auth by connecting your own Supabase project,
and the agent wires forms, tables, and login into it.

<Warning>Mythos builds the **frontend** and wires it to **your** backend. It does not host a database
for you or run server-side secrets on your behalf — anything needing a private server key (payments,
transactional email) requires you to connect Supabase and supply those keys there. This keeps your
data and credentials in your own account.</Warning>

## How a Mythos project flows

<Steps>
  <Step title="Describe">Type what you want to build. Optionally turn on [Plan mode](/features/plan-mode) to answer a few questions and pick a design first.</Step>
  <Step title="Build">Mythos scaffolds the project and streams a live preview. Each build is a real commit in the project's private repository.</Step>
  <Step title="Iterate">Refine by chat ("make the hero darker", "add a pricing section") or edit the code directly in the workspace IDE.</Step>
  <Step title="Connect a backend">Connect your Supabase project to add a database, auth, and storage. The agent wires your forms and data into it.</Step>
  <Step title="Publish">Ship to a live URL and, when ready, connect a custom domain.</Step>
</Steps>

## Your code, your account

* **GitHub:** Mythos builds each project in a private repository; connect GitHub once to export a clean copy that is yours.
* **Backend:** you connect your own Supabase — your database and users live in your account, not ours.
* **Auth:** sign in to Mythos with Google, GitHub, or an email code.

## Next steps

<CardGroup cols={2}>
  <Card title="Signing in" icon="right-to-bracket" href="/introduction/sign-in">Google, GitHub, or an email code — and your 5 free credits.</Card>
  <Card title="Quick start" icon="rocket" href="/introduction/getting-started">Build and publish your first project in a few minutes.</Card>
  <Card title="Dashboard & workspace tour" icon="table-columns" href="/introduction/dashboard-overview">The prompt box, the project tray, and the workspace.</Card>
  <Card title="Plan mode" icon="list-check" href="/features/plan-mode">Answer a few questions, pick from three designs, then build.</Card>
  <Card title="Credits & pricing" icon="coins" href="/introduction/credits-and-usage">How credits work, what actions cost, and the packs.</Card>
  <Card title="Writing good prompts" icon="wand-magic-sparkles" href="/prompting/writing-good-prompts">Get better results from your first prompt.</Card>
</CardGroup>