A fast, free, and open-source studio for creating, styling, and exporting design-first Automatic Identification and Data Capture (AIDC) assets — currently supporting QR Codes and Barcodes.
- QR Code Generator — enter any URL, configure error-correction level, colors, quiet-zone margin, and output size
- Barcode Generator — supports Code 128, EAN-13, EAN-8, UPC-A, UPC-E, Code 39, Code 93, ITF-14, MSI Plessey, and Pharmacode formats
- Typography Controls — per-feature title labels with font family, size, letter-spacing, weight, italic, underline, and small-caps
- Color Picker — hex input and native color picker with transparent-background support
- Export Formats — PNG, JPEG, WebP, BMP, SVG, and PDF downloads; all exports composite the title label and code onto a single canvas
- No build step required — plain HTML, CSS, and JavaScript ES modules served directly from a static host
| Concern | Technology |
|---|---|
| Markup | HTML5 |
| Styling | Vanilla CSS with custom properties |
| Logic | Vanilla JavaScript ES Modules (type="module") |
| Quick Response Code rendering | qr-code-styling (CDN) |
| Barcode rendering | JsBarcode (CDN) |
| PDF export | jsPDF (CDN) |
| Fonts | Google Fonts — DM Sans, DM Mono |
See ARCHITECTURE.md for the full annotated file tree, module dependency graph, CSS import chain, and rendering flow diagrams.
See CONTRIBUTING.md for the full contribution guide, naming conventions, and pull request checklist.
© 2026 AIDC Studio. All Rights Reserved.
Generated codes are for personal use. Verify critical codes before deployment.