siterealThe builder
A canvas that edits files.
Sections, containers and elements on an infinite canvas, every breakpoint visible at once. Selecting an element opens the rule that actually styles it — not a copy of it, not an abstraction over it.
01Anatomy
Three columns, one document.
The tree is the document
Rename a block and its BEM classes regenerate underneath it, because the name is what they were built from. Drag a node and the markup moves with it.
.pricing-table__itemEvery breakpoint at once
Frames sit side by side and stay resizable, so a layout is checked while it is being made rather than after.
Desktop · Tablet · PhoneOne rule per element
The Style panel and the CSS panel write to the same rule, found by the element’s own selector. What you edit and what shipped are one thing.
#id → .class → attribute02Properties
Logical, all the way down.
The generated defaults, the Style panel and the CSS autocomplete all speak logical properties. The panel still reads a physical one, so pasted CSS keeps working — and moves it to the logical name the moment you edit the field.
widthinline-sizeheightblock-sizemargin-leftmargin-inline-startpadding-toppadding-block-starttopinset-block-startfolds in the Style panel, from Layout to Overlays
frames on the canvas, all of them live
rule per element, found by its own selector
wrappers the builder owns in your markup
Start building the sites you’ve always wanted.
Seven days free, on your machine — and every site you build is real Astro in your own repository, yours from the first save.