Skip to content
AppBlocks Web
View on GitHub
LLM-native web language

Stop paying models to rewrite the web.

AppBlocks lets an AI describe the important structure, content and behavior. A deterministic compiler supplies the responsive layout, accessibility, interaction states, motion and production plumbing.

Inspect the languageSee the generated app
input.appblocks
01site product theme=blueprint
02  hero split
03    title "A complete site"
04    button "Start" href=/app
05  features bento
06  dashboard dense
The leverage

Semantics replace boilerplate.

The model chooses tested capabilities instead of recreating markup, responsive CSS, event handlers and accessibility behavior for every project.

Block contracts81One searchable catalog
Runtime dependencies0Plain browser output
Surface modes4Persuade, operate, read, showcase
One language, full web hierarchy

From a button to an application.

Use the highest-level block that fits. Descend into smaller blocks only when the design needs an exception.

Compound sections

Headers, heroes, pricing, comparisons, FAQs, calls to action and footers arrive with responsive structure and every relevant state.

Marketing

Application surfaces

Dashboards, metrics, charts, tables, forms, tabs, dialogs, boards and activity feeds share one interaction contract.

Web apps

Safe by construction

Unknown blocks, duplicate routes, invalid fields and unsafe URL schemes fail before deployment. Content is escaped by default.

Machine-readable contracts

Every block exposes concise attributes, children and variants through the CLI and generated catalog JSON. Models retrieve only what they need.

Measurable compression

Every build reports exact byte expansion and a transparent token estimate, so the 10× target can be tested rather than marketed.

A deliberately small authoring surface

Describe intent. Keep ownership of the output.

AppBlocks compiles to ordinary static files that run without the compiler. You can deploy them anywhere, inspect every byte and add conventional code where a block is not enough.

  • Two-space indentation and readable nouns
  • Quoted values, arrays, objects and source diagnostics
  • Multiple routes, shared site chrome and per-page themes
  • CSS-only motion where possible; a small runtime where necessary
Read the compiler contract
showcase.appblocks
site "Northstar" theme=signal
  header logo=Northstar sticky=true
  page "/" title="Northstar"
    hero variant=editorial
      title "Plan the work. Ship the result." level=1
      button "Open workspace" href=/app variant=solid
    features variant=bento
      feature icon=grid
        title "One coherent system"
        text "Responsive and accessible by contract."
Compiler pipeline

Compact input. Deterministic consequence.

  1. 01

    Parse

    Turn indentation, arguments and attributes into a source-located syntax tree.

  2. 02

    Validate

    Reject unknown contracts, unsafe URLs, duplicate routes and incomplete controls.

  3. 03

    Render

    Expand the validated graph into complete pages, styles, runtime behavior and manifests.

The repository is the proof

Read 100 lines. Generate thousands.

Clone the project, edit one AppBlocks file and inspect the deployable output. No framework setup and no hosted model dependency.

Open the language guideBrowse every block