A lightweight, client-side barcode generator built with HTML, CSS, and vanilla JavaScript. It uses JsBarcode to render multiple barcode formats as SVGs, ready to print or download.
- Single Barcode Generation (
index.html): Enter one value, pick a barcode format, and download or print. - Rack Totem Labels (
totems.html): Generate a full 8.5×11 sheet of barcodes organized in three columns. Values stack bottom-to-top within each column. Use/to start a new column. - Full Page Barcode (
large.html): Produce a single large landscape barcode sized for 11×8.5 printing. - Multiple Barcode Formats: CODE39 (default), CODE128, EAN13, UPC, and more via a dropdown selector.
- Print and Download: Save as SVG, or print directly from the browser with print-optimized layouts.
- Mobile Friendly: Responsive layouts work on desktop and mobile.
- HTML5
- CSS3
- JavaScript (ES6)
- JsBarcode (via CDN)
- FontAwesome (via CDN)
- Open
index.html,totems.html, orlarge.htmlin any web browser. - Enter a barcode value and press Enter.
- Select a barcode format from the dropdown.
- Click Download Barcode(s) or Print Barcode(s).
In totems.html, separate bins with spaces and use / to start a new column:
01.01.01 01.01.02 01.01.03 / 02.01.01 02.01.02 02.01.03 / 03.01.01 03.01.02 03.01.03
This generates three columns with the first value of each column printed at the bottom so labels can be read upright when wrapped around a rack post.
| Standard | Full Page | Rack Totems | Mobile |
|---|---|---|---|
 |
 |
 |
 |
MIT