LANGUAGE + COMPILER + PLAYGROUND

Build interactive UI with Mate and ship compiler-grade output.

Mate combines template ergonomics, parser tooling, and a live playground powered by WebAssembly so teams can prototype and validate UI logic in real time.

Open Playground Get Started

Tree-sitter powered syntax + AST

WASM compilation in browser

mate snippet

live preview

Parser-Aware Tooling

Tree-sitter grammar and captures are first-class, enabling robust syntax intelligence.

WASM Compilation

Run compile flows in browser with deterministic output and instant feedback loops.

Live Playground

Edit Mate source, inspect parse tree, and preview generated web components side by side.

Learning Path

From simple rendering to async UI state.

These examples come from `tests/src`, ordered from lower to higher complexity to show how Mate scales naturally.

1) Transform text with import

Open in playground

live output

2) Branch UI with toggle state

Open in playground

live output

3) Async fetch + interactive data

Open in playground

live output

Why Mate

A language designed for fast UI experimentation with compiler confidence.

Mate connects authoring, parsing, compiling, and previewing in one feedback cycle. You are not just rendering strings; you are iterating over structured language artifacts that scale with product complexity.