Layout editor
Build a template by structure rather than by hand-writing JSON. Pick an element on the left, set its properties in the middle, watch the real engine render it on the right. The JSON below is the file — it is the editor's only state, so anything you author here you can save, commit and hand-edit later.
This editor is for documents that flow. Invoices, quotes and statements grow with their data, so their elements are ordered rather than positioned — which is what this tree edits. If you want to place things freely on the page instead, open the full-screen PDF Studio: a canvas with a tool rail, rulers and guides, where you draw and drag elements over the real rendered page.
Inserts after the selection, or inside it when a container is selected.
How it maps to the template language
The editor is a projection of the JSON, not a separate document format — there is no lock-in and no lossy export. Two elements do most of the structural work:
boxis the container. It flows its children in normal top-to-bottom order, then paints its background and border at the size the content actually measured, and drops the cursor below itself. Use it for panels, callouts, totals blocks and signature areas — anywhere you would otherwise have hand-computed arectheight and a compensatingmove.repeatis the detail band: it renders its children once per item of the array named indata, with${field}scoped to that item. Repeats nest — arepeatoversectionscan contain arepeatoverlines, which is how grouped line items with per-group subtotals are built.if/unlessgate a block on a field being truthy, or equal to a literal whenequalsis set.
A table whose structure the property panel cannot represent (merged cells, differing header and body column counts, rich cell content) is shown read-only rather than rewritten — the editor never rewrites something it cannot round-trip. Full element reference in PDF & Factur-X; finished documents in Invoice & Quote Templates.