AstroPlaygroundby PhantomStudioTry it freeContinue editing

Try Astro for free

Build an Astro site
in your browser.

Edit a real site, watch it rebuild as you type, and put it online in minutes. Free, with nothing to install, no signup and no terminal.

Edit in your browserContinue editingTake the 2-minute tour

Free to use · Saved in this browser · Free one-drag deploy

How it works

Three steps. No setup, no cost.

  1. Step 1

    Edit a real site

    A small café site is waiting: two pages, three components, a layout. Pages are files, components are widgets you can open, and all of it is readable text.

  2. Step 2

    Watch it rebuild in the tab

    The site installs and builds inside your browser. Nothing is uploaded and no server is involved. Change a line and the preview catches up.

  3. Step 3

    Drop it live

    Download the built site as a zip and drag it onto a free host. You get a live URL without creating an account anywhere.

Where to start

Pick a door.

PlaygroundThe café siteOpen the editor with the starter site and change whatever you like. Your edits stay in this browser, and Export gives you a copy any time.Open the editor TourTwo minutes, hands onThe tour highlights a line of code and the element it renders, types a few edits for you, then checks the ones you make yourself.Start the tour BlocksTwenty-one ready-made sectionsHeroes, pricing tables and testimonials from the PhantomStudio library. Insert one as a component and see how a section is built.Browse the gallery

Agents

Let Claude edit it with you.

With the Claude in Chrome extension, Claude can work in your playground tab. Open the editor, ask for a change in plain words, and watch the files and the preview update as it works. No terminal, nothing to install beyond the extension.

Prefer the command line? Claude Code and Claude Desktop connect too, with one claude mcp add command. The Agent button in the editor has both setups.

Deploy

The download is the whole site.

HTML, CSS and assets, with headers, a 404 page and a Vercel config already inside. It runs on anything that serves files, and every host below has a free plan that fits a site like this.

astro-site.zipindex.html · about/ · _astro/ · _headers · 404.html
Netlify DropFree
Drag the zip onto the page. Live in seconds, no account to try.
Cloudflare PagesFree
Upload the folder. Fast CDN, generous free plan.
VercelFree
Unzip and run npx vercel --prod. The config is included.
GitHub PagesFree
Push the files and turn on Pages.
Any web host
FTP it into public_html. No PHP, no database.

Your site is one tab away.

It is free, and there is no account to make. The first build sets up Astro in your tab and can take a minute. Everything after that takes seconds.

Start free in your browser
  • Free
  • No signup
  • Nothing to install
  • One-drag deploy