The editor below is live — it runs the Polotno SDK in your browser, the same way it would run inside your own app. Pick a print size, edit the front and back of the card, then export a press-ready PDF. Everything stays inside the bleed and safe-zone guides, and the export comes out as a CMYK PDF/X a print shop can run.
How it's built
The top bar, the Front/Back thumbnails, and the export drawer are a custom interface built from the SDK's React components — not Polotno's default chrome:
- Print size — a single dropdown drives the canvas: business card, postcard, flyer, or poster, in real millimetre/inch dimensions at your chosen DPI.
- Bleed & safe-zone — the card is set up with a real bleed, and a non-exporting safe-zone guide shows what will survive the trim.
- Front / Back — the card is a two-page design; live per-page thumbnails let you switch sides, and only the active page is shown so it stays uncluttered.
- Export — one bright button opens a print-settings drawer: PDF/X standard, bleed, ICC colour profile, and DPI, then downloads the file.
The design is saved in Polotno's JSON format, and the print-ready PDF is rendered
with @polotno/pdf-export — bleed, trim, and crop marks included. The CMYK
PDF/X-1a is produced on the server with an embedded output-intent profile
(U.S. Web Coated SWOP v2 or Coated FOGRA39).
Adapting it to your product
This demo is one way to set the SDK up, and most of it is yours to change:
- The interface — the size picker, thumbnails, and export drawer are ordinary React, so you can keep this layout, use a single canvas, or design your own, and show whichever controls fit your product.
- What's editable — you choose which elements customers can change and which stay fixed to your template.
- The output — a design is a single JSON object, so you can create or update it from code and render it to PDF (RGB or CMYK PDF/X), PNG, or SVG, in the browser or on your server.
- The look — the editor is white-label, so the plain theme here can be styled to match your brand.
Where it fits
An editor like this suits web-to-print shops, stationery and business-card sellers, and any product that lets non-designers personalise a printed item and download a production-ready file. Business cards are just the example — the same setup works for postcards, flyers, packaging, labels, or any print product.
