QRGen
"A fast, privacy-first QR studio—premium styling and logo embedding without paywalls, watermarks, or noise."
Path
~/projects/qrgen
Tech Stack
Vue 3, TypeScript, Vite, Tailwind CSS, DaisyUI, qr-code-styling, VueUse, vue-advanced-cropper, Lucide
Role
Product, design, and engineering (solo)
Duration
Ongoing · open source
Project Snapshot
I built QRGen after hitting the same wall everyone hits: paywalls for clean exports, watermarks on "free" downloads, ads cluttering simple tasks, and tools that quietly ship your URL to a server. It is an open, browser-based generator for people who want real customization—gradients, eye shapes, dot styles, centered logos—with a calm, modern UI. Generation stays client-side, so what you type is not sent off to a backend to be turned into a code.
Why It Matters
I built QRGen as a performance-minded, privacy-centric web app for creating and styling QR codes. I was tired of the "utility app" trap—paywalls, watermarks, ad clutter, and capped exports—so I shipped a free, open tool that still feels premium: logo embedding, advanced visuals, and a UI I'd put in front of a client.
Core Highlights
- Client-side generation—URLs and text stay in the browser
- Live preview that updates as you edit
- Fine-grained styling: dots, finder eyes, solid and gradient fills
- Logo upload with integrated cropper for clean center placement
- Quick presets: social icons and emoji-friendly workflows
- High-resolution PNG export without watermarks
- Dark mode and glass-style UI, mobile-first layout
- Open source (MIT) for audit and contribution