Open source · MIT license

Design labels & print forms right in your browser

A WYSIWYG print designer that works in millimeters: drag & drop, alignment guides, QR codes, barcodes, data tables — export 300 DPI PNG, exact-size PDF, or print directly. Your data stays on your machine, no account needed.

No server · No sign-up · Runs entirely in the browser

Everything a professional print needs

Shipping labels, product tags, delivery notes, price cards — design once, print accurately every time.

⊞

mm-precise drag & drop editor

Rulers, grid, guides, smart snapping, rotation and element locking. Every dimension in millimeters — exactly like the printed page.

⎙

Prints exactly what you see

One render engine for both screen and paper: export 300 DPI PNG, exact-page-size PDF, or print straight from the browser.

▦

Every element labels need

Text, images, QR codes, barcodes (CODE128, EAN13…), data tables and 14 shape kinds with solid / dashed / dotted strokes and arrows.

⛁

Your data stays with you

Local-first with IndexedDB: no server, no account, your designs never leave your machine. Export / import JSON to share.

↺

Undo everything

Command pattern throughout — reliable undo/redo for every edit, including page size, table edits and color changes.

⬡

Embed it in your own app

The whole editor is a Vue 3 library (@pro-print/editor) with a simple v-model — drop it into your order, inventory or POS system.

Open source, MIT licensed

PrintDesignPro is developed in the open on GitHub. Free for personal and commercial projects, self-host it in your own infrastructure, or embed just the editor. Issues, ideas and pull requests are always welcome.

Vue 3Nuxt 4TypeScriptTailwind CSS 4Canvas 2DPiniaVitestPlaywright
View the source on GitHub →
terminal

# Run the full app

$ git clone github.com/arenahub-gg/print-design-pro

$ pnpm install && pnpm dev

# Or embed the editor in your Vue app

$ pnpm add @pro-print/editor

<PrintDesigner v-model="template" locale="vi" />