Architecture diagrams that cannot overlap.

A visual editor for a grid layout engine: nodes sit in cells, edges run in the gutters, so labels never collide and edges never cut through boxes.

One offline HTML file. No account, no install.

See it in action

The video could not load. Open the studio to try it instead.

Under the hood

Rendered live by the same engine the studio uses.

Grid-guaranteed layout

Nodes sit in cells and edges run in the gutters, so nothing can overlap.
Real engine, real lint

Every change renders through the same diagram.js the page ships, lint included.
Inspector for every field

Labels, kinds, containers, edge routing, and zones — all editable.
Export anywhere

Copy the figure block, download standalone HTML, or copy the spec JSON — import any of them back.
Keyboard first

Arrow keys to move, Enter to add or select, C to connect, Delete, undo and redo.
Offline single file

Autosaves in the browser. Works light or dark, with no install.