Playground
Three live example apps — same package, three different ways to build the editor around it. Each runs independently; changes here don't affect the others.
Ready-made UI
report-builder
The full designer — JSON data sources, a field explorer, 6 ready-made templates — using the package's ready-made UI components (Button/Card/Input/PdfPreviewModal).
Open →Custom shellcustom-ui
The exact same features as report-builder, but the entire shell is hand-written plain CSS — zero package UI components. Proves <Designer> works with any design system.
Open →No <Designer>headless-designer
No <Designer> component at all — a hand-built canvas (its own drag/resize logic, no react-rnd) over generatePdf + types from json-pdf-designer/server, plus PdfPreview. Proves the data model and PDF engine work standalone.
Open →