Web Tool · Utility · 2026
QR Code Generator
A single-page QR generator for links, text, email, phone, Wi-Fi and contact cards — live preview, custom colours and PNG export, all in the browser.
- Role
- Design & development
- Built with
- HTML · CSS · JavaScript · qrcode.js
Screens
4 screenshots · 1920 × 1080
Overview
A client-side tool for the QR codes people actually need — URLs, plain text, email, phone numbers, Wi-Fi logins and vCard contacts — without signing up or uploading anything.
The problem
Free QR generators are often cluttered with sign-ups, watermarks and uploads for what should be a two-second task.
The solution
A single HTML page that builds standard QR payloads in the browser, previews the code as you type and exports a PNG. What you type is never sent to a server.
What I built
Seven input types
URL, text, email, phone, Wi-Fi and vCard, each encoded in the standard payload format — plus an experimental small-image embed.
Live preview
Debounced regeneration as you type, with high error correction for standard payloads.
Custom output
Foreground and background colours and 256, 512 or 1024 px exports — download as PNG or copy the image.
Local history
The last eight codes are kept in the browser with click-to-restore.
How it’s built
- A single file: HTML with inline CSS and JavaScript, using qrcode.js for encoding.
- Dark and light themes remembered in local storage.