1476989162/vue-bill-print — explained in plain English
Analysis updated 2026-05-18
Build a drag-and-drop invoice or sales order printing template inside a Vue 3 app.
Print batches of shipping or product labels that combine barcodes, QR codes, and text.
Save and load print templates from a custom backend like SQLite, MySQL, or PostgreSQL.
Switch the print designer's interface between Chinese and English for different users.
| 1476989162/vue-bill-print | 1e3pm/knowledge-chatbot | aaravmaloo/revera | |
|---|---|---|---|
| Stars | 11 | 11 | 11 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | moderate | easy |
| Complexity | 2/5 | 3/5 | 2/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires Vue 3.4+ as a peer dependency, SQLite example needs Node and Express.
vue-bill-print is a Vue 3 library for building and printing business documents like invoices, sales orders, or shipping labels. It includes a visual designer where you can drag and drop elements onto a page, such as header fields, table columns for line items, lines, text, barcodes, and QR codes, and it prints using plain HTML rather than depending on a separate printing library. It supports two printing styles. The first is a table style meant for documents like invoices, with the header appearing only on the first page and different amounts of content fitting on the first, middle, and last pages. The second is a label printing mode, where each row of item data becomes its own separate label, useful for printing a batch of shipping or product labels that mix barcodes, QR codes, and text freely instead of being locked into a table layout. The tool also supports custom paper sizes and margins, including common label sizes, and is built to avoid printing quirks that can happen in Chrome when margins are set incorrectly. Templates can be saved to the browser's local storage or to your own backend through a simple interface you implement yourself, and the project includes a working example using a SQLite backend built with Express. The designer interface is available in both Chinese and English and can be switched at runtime. Document data follows a structure with a header object, an array of line item rows, and separate definitions describing which fields to show in the header and line item tables. To get started, you install the package, run the development server, and use the visual designer to lay out fields and page settings before saving and printing or previewing the result. The project is released under the MIT license and includes a live online demo where you can try the designer and several example document templates directly in the browser.
A Vue 3 library with a drag-and-drop designer for creating and printing business documents like invoices and shipping labels.
Mainly TypeScript. The stack also includes TypeScript, Vue 3, HTML.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
double-check against the repo, no cap.