Template editor

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.

invoice-template.json

Canvas

A4, A5, Letter

Export

JSON + PDF

template contract
{
  "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.

1

Choose a blank canvas or a standard template

Small actions, clear outcomes, no mystery state.

2

Drag in text, image, line, table, and totals elements

Small actions, clear outcomes, no mystery state.

3

Adjust coordinates, sizing, and properties in the side panel

Small actions, clear outcomes, no mystery state.

4

Preview the rendered invoice before you save

Small actions, clear outcomes, no mystery state.

5

Store the result as JSON and reuse it per tenant or platform-wide

Small actions, clear outcomes, no mystery state.

Preview mode

What you build is what you ship

Live render
Tax Invoice
INV-2026-0042
Total
₹1,24,500