INTRODUCING ZOAR

Build websites without writing CSS.

Write clean, human-readable shorthand. zoar compiles it to pure HTML and CSS — instantly, in the browser, with no build tools.

No credit card. No account needed to try.

The Syntax

Write this. See that. Instantly.

Every line is an element. Every word in brackets is a style. No class names, no selectors, no guessing.

// Heading

# Hello World [bold text-size-40]

// Paragraph

t Some text here [text-color-666666]

// Button with hover

: Click me [bg-ffb020 hover-bg-e6a000 round-8]

// Responsive layout

{ } [grid grid-cols-3 mobile-grid-cols-1]

// Embed anything

<< https://youtube.com/embed/... [w-full h-400]

Some text here

{ } [bg-f5f5f5 round-8 h-60] { } [bg-f5f5f5 round-8 h-60] { } [bg-f5f5f5 round-8 h-60]

Why zoar

⚡

See every change the moment you type. No refresh, no terminal, no waiting.

🧩

t for text, # for headings, braces for layout. Read it like English, ship it like code.

📁

Files live on your machine. No accounts, no cloud, no lock-in. Open a folder and go.

📱

Prefix any style with mobile- or tablet-. Responsive layouts with zero extra effort.

🧱

Write a navbar once. Use it everywhere with @modules/navbar. Edit once, updates everywhere.

🚀

Export clean, self-contained HTML and CSS. Host anywhere. No runtime dependency.

Elements

Headings, buttons, forms, tables, accordions, embeds — every element you need, ready to use out of the box.

Open the editor. Write your first line. Ship a website.