Centinadocs

Centina documentation

Centina is a prototyping canvas where everything you draw is real HTML and CSS — boxes are real divs, layout is genuine flexbox and grid, and the browser is the layout engine. These pages cover the editing surfaces, the agent tooling, and how to run it.

Guides

  • Grid & subgrid — the user-facing tour of the grid editing surface: canvas chrome, inspector track rows, placement, subgrid.
  • Grid reference — the architecture behind it: two synchronized surfaces, boundary-drag math, the degradation ladder.
  • Spacing tokens — the canvas-level spacing scale and how fields bind, preview, scrub, and detach.
  • Content scaling — shift+corner proportional scaling: what rides the factor and what stays put.
  • Constraints — per-axis resize anchors, stored and emitted as native CSS insets.

Agents & capture

  • MCP server — agents as first-class editors: live read and write access to the open canvas from any MCP client.
  • Centina Compass — the capture extension: lift an element, or a whole page, off any live site and paste it into Centina as editable boxes.

Running it

  • Self-hosting — the standalone-binary playbook: install (curl -fsSL https://get.centina.build/install.sh | bash), local use, LAN sharing, ports, security boundaries, troubleshooting.
  • License — the Free Binary License 1.0 the binaries ship under.