master
GenQBar
Client-side QR code and barcode generator. No server, no tracking, no data leaves your browser.
Part of BugLabs.dev.
Features
- QR codes — any text or URL, with selectable error correction (L/M/Q/H) and size (128/256/512px)
- Barcodes — CODE128, CODE39, EAN-13, EAN-8, UPC-A; optional value display
- SVG download — clean vector output, ready for print or web
- Live preview — generates as you type, 300ms debounce
- No dependencies at runtime — pure client-side, Astro static output
Stack
- Astro 6 — static site generator
- qrcode — QR code SVG generation
- JsBarcode — barcode SVG generation
- Vanilla JS, Space Grotesk + Space Mono fonts, no UI framework
Project Structure
src/
├── layouts/
│ └── Layout.astro # HTML shell, Google Fonts
├── pages/
│ └── index.astro # Generator page + client JS
└── styles/
└── app.css # Design system (BugLabs.dev tokens)
Commands
| Command | Action |
|---|---|
npm install |
Install dependencies |
npm run dev |
Dev server at localhost:4321 |
npm run build |
Production build to ./dist/ |
npm run preview |
Preview production build locally |
Requires Node >= 22.12.0.
Description
Languages
HTML
75.4%
Astro
15.7%
CSS
8.7%
JavaScript
0.2%