A clean, modern QR code generator built with vanilla HTML, CSS, and JavaScript. Generate QR codes for any URL or UPI payment — no frameworks, no dependencies, no bloat.
- Paste any URL — websites, Google Drive, YouTube, social media links
- Add an optional label for context
- Download as PNG or copy the link
- Generate payment QR codes with UPI ID and payee name
- Fixed or any amount toggle
- Expiration date with no-expiry option
- Transaction note support
- Download QR or copy the
upi://paydeep link
- Premium dark theme with glassmorphism and ambient glow effects
- Smooth micro-animations and transitions
- Fully responsive — works on mobile and desktop
- Custom toggle switches, styled inputs, toast notifications
| Layer | Tech |
|---|---|
| Structure | HTML5 |
| Styling | Vanilla CSS (custom properties, animations) |
| Logic | Vanilla JavaScript (ES6+) |
| QR Engine | qrcode.js via CDN |
| Fonts | Inter, JetBrains Mono |
# Clone the repo
git clone https://github.com/kacf/qr-generator.git
cd qr-gen
# Open in browser
# Windows
start index.html
# macOS
open index.html
# Linux
xdg-open index.htmlNo build step. No npm install. Just open the file.
# Install Vercel CLI
npm i -g vercel
# Deploy
vercelThe included vercel.json handles static file serving automatically.
qr-gen/
├── index.html # Page structure and layout
├── style.css # Dark theme, animations, responsive design
├── app.js # QR generation, validation, UI logic
├── vercel.json # Vercel deployment config
├── package.json # Project metadata
└── README.md
MIT