The editor should feel
like a studio, not a form.
OctaBMS's invoice editor is meant to be tactile. You can build a layout, preview it, save it as JSON, and ship it without asking a designer to babysit every revision.
Canvas
A4, A5, Letter
Export
JSON + PDF
{
"meta": { "name": "GST Invoice", "pageSize": "A4" },
"elements": [
{ "type": "text", "x": 24, "y": 18 },
{ "type": "table", "x": 24, "y": 92 },
{ "type": "totals", "x": 142, "y": 248 }
]
}Toolkit
Every useful invoice block is a first-class object
The editor is opinionated, but it is not rigid. The building blocks are explicit enough to keep layouts editable long after the first template is created.
Text blocks
Invoice headers, notes, bank details, and terms.
Image blocks
Company logos, signatures, and visual branding.
Line-item tables
Flexible columns with totals and tax breakdowns.
Totals elements
Subtotal, GST, discounts, and amount in words.
Layout guides
A4, A5, Letter, and Legal sizing with rulers.
Reusable bundles
Drop in common invoice sections without rebuilding them every time.
Workflow
Built to make template changes less dangerous
The workflow is deliberately linear. You edit, preview, save, and reuse. That keeps the common path easy while still leaving room for advanced layouts.
Choose a blank canvas or a standard template
Small actions, clear outcomes, no mystery state.
Drag in text, image, line, table, and totals elements
Small actions, clear outcomes, no mystery state.
Adjust coordinates, sizing, and properties in the side panel
Small actions, clear outcomes, no mystery state.
Preview the rendered invoice before you save
Small actions, clear outcomes, no mystery state.
Store the result as JSON and reuse it per tenant or platform-wide
Small actions, clear outcomes, no mystery state.
Preview mode
