QR Code Generator
Design custom styled QR codes — URLs, Wi-Fi, vCard, UPI and more — with colours, logos and gradients. Export PNG/SVG and save your settings as JSON.
About the QR Code Generator
A plain black-and-white QR code does the job, but a well-designed one — rounded dots, your brand colours, a logo in the middle — looks like it belongs on your poster, packaging or business card. The AlarmDaddy QR Code Generator is a full QR studio: pick what the code should do, style it the way you like, preview it live, and download a crisp PNG, SVG, JPG or WebP. It all runs in your browser, so nothing you encode is ever uploaded.
Choose from many QR types: a **website link**, plain **text**, **email**, **phone**, **SMS**, **WhatsApp** message, **Wi-Fi** join (so guests connect without typing a password), a **contact card (vCard)**, a calendar **event**, a map **location**, or an Indian **UPI payment** request (with payee and amount).
Then make it yours. Set the **dot style** (square, rounded, dots, classy or extra-rounded), the **corner frame** and **corner dot** shapes, a solid colour or a **two-colour gradient**, the background (including transparent), the size, the quiet-zone margin and the **error-correction level**. Drop in a **logo** in the centre and choose how big it sits and whether to clear the dots behind it.
Best of all, you can **export all your settings as a JSON file** and import it again later — so you can tweak the same QR code with the exact same styling weeks later, or keep a library of branded templates. Everything is generated locally and privately.
How to use this tool
- 1Pick the QR type — URL, text, email, phone, SMS, WhatsApp, Wi-Fi, contact, event, location or UPI.
- 2Fill in the fields for that type.
- 3Style it: dot and corner shapes, colours or a gradient, background, size, margin, error correction, and an optional centre logo.
- 4Download as PNG, SVG, JPG or WebP — and optionally Export the settings as JSON to edit the same design later.
The formula
A QR code stores data in a grid of modules with built-in error correction, so it still scans even if partly covered — which is what lets you place a logo in the middle. Higher error-correction levels (Q, H) tolerate more obstruction but pack the grid denser; use them when adding a logo or printing small. Styling (dot shape, colours, gradient, corners) only changes how the modules are drawn, not the data, so a styled code scans exactly like a plain one as long as you keep strong contrast. Exporting your settings as JSON simply saves every field and style option so you can restore them later.