JSON Templates

The declarative way to design document templates. From layout to print-ready in minutes.

Design templates visually. Render anywhere.

JSON Templates gives you a visual drag-and-drop editor to design document templates — no coding required. The result is a clean, portable JSON file that describes your document's structure, layout, and content.

Render it to HTML or PDF using the JSON Templates Engine, or build your own renderer for complete control over the output. The JSON format is language-agnostic, versionable in Git, and easy to share across teams.

Open the Editor

Design templates visually. Render anywhere.

How JSON Templates works

A simple, powerful pipeline: design your template visually, export it as JSON, and render it anywhere.

JSON Templates architecture: Designer/Developer → Editor → template.json → Engine or Custom Renderer → HTML/PDF

See the editor in action

Watch how easy it is to design a professional document template in minutes — drag and drop blocks, add your content, assign variables, and export your template as JSON, ready to render.

Try it yourself

Everything you need to build document templates

Visual Editor

Drag and drop blocks to design your document layout. No coding required. What you design is what you get.

JSON-based Templates

Templates are stored as clean, portable JSON files. Version them in Git, share them across teams, or edit them directly.

HTML & PDF Output

Render your templates to HTML or PDF using the built-in engine — or build your own renderer for any output format.

Rich set of building blocks

Compose any document using a variety of block types — from rich text and images to tables and barcodes.

Vertical Layout

Stack blocks from top to bottom. The foundation of any document — use it to organize sections, group content, and build a clear reading flow.

Horizontal Layout

Place blocks side by side to create multi-column structures. Nest inside vertical layouts for full document grid control.

Unlimited nesting

Combine vertical and horizontal layouts freely. Build complex document structures without writing a single line of CSS.

HTML / Rich Text

Add formatted text using the built-in WYSIWYG editor. Bold, italic, lists, links — full rich text support.

Image

Embed static or dynamic images in your document. Ideal for logos, signatures, and visual content.

Key-Value Pairs

Display label-value pairs cleanly — perfect for document headers, summaries, and metadata sections.

List

Render dynamic lists of items with full formatting control.

Table

Display structured data in a fully customizable table. Define columns, bind rows to your data variables, and apply styles — great for invoice line items, reports, and more.

Barcode

Generate linear barcodes (e.g. Code128) from dynamic values. Ideal for product labels and shipping documents.

QR Code

Embed QR codes linked to any URL or data value. Perfect for digital verification, links, and traceability.

PDF417

Add high-density 2D barcodes for applications that require large data payloads in a compact format.

A powerful editor designed for productivity

Drag & Drop

Add, move, and reorder blocks with a natural drag-and-drop interface. Build complex layouts effortlessly.

Live Preview

See your document rendered in real time as you design. Zoom from 25% to 200% for full detail control.

Undo / Redo

Full undo/redo history (up to 50 levels) so you can experiment freely without losing your work.

Export & Import

Export your template as a template.json file and import it back at any time. Share templates across projects and teams.

Template Variables

Use variables (e.g. {{ variable }} or {{ variable|default('value') }}) to make your templates dynamic and data-driven.

Navigator Tree

A structured tree view of your document layout makes it easy to navigate and select any block, no matter how complex the structure.

Who is JSON Templates for?

Designers & Operators

Use the visual editor to create professional document templates without writing code. Design, preview, and export in minutes.

Developers & Integrators

Use the JSON Templates Engine in your project, or build your own renderer in any language. The JSON Template format is open and well-structured.

What can you build with JSON Templates?

From simple labels to complex multi-page documents — if it can be printed, JSON Templates can help.

Email Messages

Design rich HTML email templates with dynamic content, personalized greetings, and data-driven sections — ready to send from any system.

Invoices & Receipts

Design invoice templates with dynamic line items, totals, and barcode/QR verification codes.

Payroll & HR Documents

Generate payslips, contracts, and HR notices populated with employee data — consistent layout every time.

Delivery & Packing Slips

Generate shipping documents and packing slips with product lists, addresses, and tracking codes.

Laboratory Reports

Produce structured reports with sample data, result tables, and conditional sections that adapt to each analysis.

Any Custom Document

If it has a layout, JSON Templates can model it. Design any document structure with unlimited blocks and nesting.

Start designing your templates today

Open the free editor and create your first document template in minutes — no installation, no account required.

Open the Editor