ASTROLAY 0.1 / EARLY ACCESS

Give your ideas
a place on
the web.

A visual workspace for Astro

Go from “what if” to your next website. Design on the canvas, work in real source files, and publish a version you’ve already seen.

Open workspace Explore the editor

Local editing in the Mac desktop app.
Account connections in your browser.

YOUR FILES. YOUR ACCOUNTS. YOUR SITE.BUILT AROUND ASTRO
01 / THE WORKSPACE

Less between you
and the page.

A compact canvas, a clear navigator, and the controls you need. Explore real screenshots of Astrolay in action.

Inside Astrolay
REAL APP CAPTURES
Astrolay editing the Celsius example: source navigator, live page canvas and typography inspector.
01 — Select what you see.Edit static text, attributes and layout in your Astro files.
01 Standard .astro files02 Local project editing03 GitHub version history04 Cloudflare publishing
02 / A FEW GOOD TOOLS

From a small adjustment
to something entirely yours.

Keep the creative work moving, with source, styles and releases close at hand.

01 — DESIGN

Find the feeling.
Then fine-tune it.

Adjust spacing, typography and color. Use shared CSS rules and design tokens to give the whole site a consistent point of view.

Meet the style tools
Try the controls. This is a live styling demo.
STYLE PLAYGROUND
Accent
YOUR NEXT CHAPTER

A little space to create.

For the ideas that deserve
a place of their own.

Make it yours
styles/global.css
.card {
  background: #b6a5f3;
  padding: 32px;
  font-size: 32px;
}
02 — VERSION

Make a change.
Keep a checkpoint.

Review your diff, commit selected files and push to GitHub. Experiment on a branch with a clear path back to your last good idea.

03 — OWN

Your work belongs
in your files.

Open an existing Astro folder or start a new project. Source stays editable in your usual tools, with revision checks and persistent undo for supported edits.

04 — PUBLISH

See it first.
Ship that version.

Build a committed revision in isolation. Review a real Cloudflare preview, then promote those exact files to production.

Follow the publishing workflow ↗
EXPLORE THE RELEASE FLOWINTERACTIVE TOUR

Start with a clear checkpoint.

Review your changes and commit a clean revision. The build uses that exact commit, separate from your working files.

REVISIONe4a82b1Committed source

A walkthrough of the workflow. No deployment is created here.

03 / WHY ASTROLAY

The canvas should
open possibilities.
So should the code.

Astrolay is built around a simple idea: visual editing should feel at home in a real web project.

Your pages are Astro. Your styles are CSS. Your history is Git. The visual layer helps you work with those tools, while keeping the underlying files within reach.

It’s for independent designers, developers and small studios who want room to make something of their own.

Read the approach and release notes ↗
04 / GOOD TO KNOW

A few things
before you begin.

Is Astrolay a desktop app or a website?

The Mac desktop app runs your local project, preview and builds. The browser workspace manages account connections and can connect to the running desktop service when your browser allows local network access.

Can I use an existing Astro project?

Yes. Open a trusted Astro folder, install its dependencies and start the preview. Supported static markup is editable visually; dynamic expressions and custom logic remain available in Source.

Where do my files and credentials go?

Project files stay on your computer until you push or deploy them. GitHub and Cloudflare tokens are encrypted in Astrolay’s account service. Publishing sends the built site to your chosen Cloudflare account.

What can I publish today?

Version 0.1 supports static Astro builds from npm projects with a committed lockfile. SSR adapters, Pages Functions and monorepo builds need a separate workflow. See the current release boundaries.

How do I get the desktop app?

The Apple silicon Mac build is in early testing. A signed public installer is still being prepared. You can explore the product here and use the browser workspace for account setup. Read the getting started guide.

MAKE ROOM FOR YOUR NEXT IDEA

A page worth making.
A source worth keeping.

Open workspace ↗Start with the docs →
Astrolay 0.1 · Early access · Mac Apple silicon