Generate beautiful, custom QR codes in seconds — 100% in your browser. No uploads, no tracking, no server.
- Live preview — QR updates instantly as you type
- Custom colors — pick any foreground & background color
- Adjustable size — from 128px to 400px
- Optional label — composited into the PNG on download
- Download as PNG — with label baked in if set
- Copy text — one click to clipboard
- Zero backend — everything runs in the browser
- Responsive — works on mobile too
Open index.html directly in any browser. No installation, no build step, no dependencies to install.
index.html ← markup
style.css ← all styles
script.js ← all logic
Requires an internet connection only to load
qrcode.jsfrom CDN on first visit.
| Layer | Tech |
|---|---|
| Markup | HTML5 |
| Styles | Vanilla CSS (glassmorphism, custom properties, animations) |
| Logic | Vanilla JS (ES6+) |
| QR lib | qrcode.js via jsDelivr CDN |
| Fonts | Google Fonts — Inter |
Part of my series of small, useful tools built with plain web technologies.
Check out the post → linkedin.com/in/gs-webdesigner
MIT — do whatever you want with it.