QR-Gen

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.

Features

🔗 Link → QR

Paste any URL — websites, Google Drive, YouTube, social media links
Add an optional label for context
Download as PNG or copy the link

💳 UPI QR

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://pay deep link

🎨 Design

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

Tech Stack

Layer	Tech
Structure	HTML5
Styling	Vanilla CSS (custom properties, animations)
Logic	Vanilla JavaScript (ES6+)
QR Engine	qrcode.js via CDN
Fonts	Inter, JetBrains Mono

Quick Start

# 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.html

No build step. No npm install. Just open the file.

Deploy to Vercel

# Install Vercel CLI
npm i -g vercel

# Deploy
vercel

The included vercel.json handles static file serving automatically.

Project Structure

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

License

MIT

kacf/QR-Generator