sitereal Documentation
Everything you need to build with sitereal — the visual builder for Astro that writes real files: elements and styling, the design system, navigation, motion, content and the agent tools that drive all of it.
Explore by categories
Getting started
What sitereal is, how to install it, and building your first page.
Building
Pages, elements, styling, and the four ways to reuse what you have built.
Design system
Eleven modules of tokens and element defaults — on, off, or tuned to your site.
Interaction
Menus, animation, hover states and overlays — attributes and CSS, never a runtime you cannot read.
Content & media
Content types, entries, loops, images and what your pages say to a machine.
Ship & extend
The files on disk, version control, presets, and driving sitereal with an agent.
What sitereal writes
Every page you compose is emitted as a plain .astro file next to plain CSS. There is no runtime, no database and nothing on the page that reads the builder’s own project file — delete sitereal and the site still builds.
---
import PlainBase from '../layouts/PlainBase.astro';
import '../styles/generated/framework.css';
import '../styles/generated/pages/pricing.css';
---
<PlainBase title="Pricing">
<section builder-data-element="section" class="pricing">
<div builder-data-element="container">
<h1 builder-data-element="heading" class="pricing__title">Pricing</h1>
</div>
</section>
</PlainBase>New here? Start with Introduction, then build something in Your first page.