2026-06-03 08:56:44 -07:00
2026-06-02 13:35:14 -07:00
2026-06-03 08:52:59 -07:00
2026-06-02 13:35:14 -07:00
2026-06-03 08:52:59 -07:00
2026-06-02 13:35:14 -07:00
2026-06-02 13:35:14 -07:00
2026-06-03 08:52:59 -07:00
2026-06-03 08:52:59 -07:00
2026-06-03 08:56:44 -07:00
2026-06-03 08:52:59 -07:00
2026-06-02 13:35:14 -07:00

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.

S
Description
No description provided
Readme 162 KiB
Languages
HTML 75.4%
Astro 15.7%
CSS 8.7%
JavaScript 0.2%