Skip to main content

json-pdf-designer

Visual PDF report editor for React — drag/resize canvas + JSON data binding

Get StartedPlayground

Drag, resize, bind

Text, table, image, repeated section, chart, and KPI fields — all drag/resize freely on a grid, wired to real JSON via {token}/{FUNCTION(...)} templates.

Generate anywhere

generatePdf is plain JS (pdf-lib) — the same function runs in the browser or in a Node backend. Use json-pdf-designer/server to skip React entirely.

Use it your way

Ship it with the ready-made UI kit, wrap it in your own CSS, or skip <Designer> altogether and build your own editor over the data model. Three playground examples show all three.