Advanced QR Code Generator

QR Content

Data type

Foreground color Background color Size (px)300 Error correction Corner style Border / padding (px) Logo overlay (PNG/SVG)

Responsive UI: CSS Grid reorganizes panels fluidly; buttons stack on small screens.
Customization: Uses the excellent qr‑code‑styling library to support colors, size, error‑correction levels, rounded or square dots, logo overlay, and padding.
Live Preview: Every time you click Generate, the old code is cleared and a fresh one is rendered instantly.
Export: Built‑in .download() handles PNG and SVG; jsPDF converts the code to PDF seamlessly.
Scan Feature: Upload any image containing a QR; jsQR decodes it and prints the result.
Persistence: The most recently generated QR config/data is cached in localStorage (easy starting point if you later want a “My QRs” gallery).
Dark Mode: One‑click toggle; colors swap via CSS variables.
Advanced QR Code Generator

usefull links