QR Code Studio
Design styled QR codes in your browser and export them as clean, infinitely scalable vectors.
What is QR Code Studio?
QR Code Studio is a small, dependency-free web app for generating styled QR codes and exporting them as clean vector SVGs (or high-resolution PNGs). Everything runs in your browser, with no build step and nothing sent to a server.
Instead of flat black squares, you get control over module shapes, finder-pattern eyes, colors and gradients, and even a centered logo. The rendering is custom SVG built on top of a battle-tested QR encoder, so the output stays crisp at any size.
Real QR codes, built by us
We developed QR Code Studio in-house for one reason: a lot of QR generators online quietly route your code through their own domain. The code does not hold your link, it holds theirs, which then redirects to you. That lets them track every scan and, in some cases, switch your destination off later unless you start paying. We are not naming names, but it happens often enough that you should know about it. QR Code Studio does none of that.
Only your data, nothing else
The code encodes exactly what you type into the content field. No redirect, no link shortener, no middleman domain slipped in between. What you read is what gets scanned.
Runs entirely in your browser
There is no backend and no API call. All encoding and rendering happens locally on your device. Nothing you type is uploaded, stored, or logged, not by us and not by anyone else.
Yours forever, never revoked
Because the data lives inside the code itself, your QR cannot expire or be switched off remotely. Download it once and it keeps working, with no account and no subscription.
How to tell a real QR code from a trap
Not every generator is honest. Here is how to check that a code carries your data, and not a detour through someone else’s server.
Decode it before you trust it
Open the code in any reader, or your phone camera’s preview, and read the raw text. It should be exactly your URL or text, not a strange domain like qr-xyz.io/r/Ab12.
Watch for a redirect domain
If the scanned link points to a domain you do not recognise and only then bounces to your site, the generator is routing every scan through itself.
Be wary of "dynamic" or editable codes
A code you can change after it is printed is a redirect the provider controls. It works only while their service runs, and often only while you keep paying for it.
Free now, paywall later
If a "free" tool wants an account or subscription to "keep your code active", the real data sits on their server, not in the code. A genuine static QR never needs that.
Everything you need to style a code
Module shapes
Square, rounded, fluid (neighbour-aware extra rounding that melts connected runs into smooth blobs), and dots with adjustable size.
Eye styling
Square, rounded, circle, or leaf finder-pattern frames and balls, with an optional separate eye color.
Color and gradients
Solid foreground, linear gradient with adjustable angle, or radial gradient, plus a custom or fully transparent background.
Logo embedding
Drop an image into the centre and optionally excavate the modules behind it so it sits on a clean patch.
Vector and raster export
Download as SVG, export PNG at any resolution, or copy the SVG markup straight to your clipboard.
Verified scannability
Quiet-zone and error-correction controls, UTF-8 content support, and styles checked against real-world decoders.
Styled, but still scannable
Pretty QR codes are useless if phones cannot read them. Every shape style was rendered and decoded to confirm it still scans reliably.
All shape styles decode with ZXing, the decoder real phone scanners use, across sizes.
A notably strict decoder. Keep dot size high if you need to support it; the timing pattern always renders full-size as an anchor.
When embedding a logo, use error correction H so the code tolerates the covered modules.
Free and open source
QR Code Studio is plain HTML, CSS, and JavaScript with a single MIT-licensed QR encoder. The public repository is on its way.
License
MIT
Stack
HTML · JS
Export
SVG · PNG
Repository
GitHub coming soon
Frequently asked questions
Everything about QR Code Studio
Yes. Every shape style was rendered and decoded with ZXing, the library real phone scanners rely on, across a range of sizes. For the strictest decoders, keep the dot size high and use error correction H when you add a logo.
You can download a clean SVG vector, export a PNG at any resolution up to 8192 pixels, or copy the raw SVG markup straight to your clipboard.
Yes. Drop an image into the centre, adjust its size, and optionally clear the modules behind it so it sits on a clean patch. Use error correction H for the most reliable result.
URLs, plain text, Wi-Fi network strings, and any UTF-8 content including emoji. Higher error correction and longer content produce a denser code.
No. QR Code Studio runs entirely in your browser with no build step and no server. Nothing you type ever leaves your device.
Because many online generators secretly wrap your link in their own redirect domain, so they can track scans or charge you later to keep the code alive. We wanted a tool that encodes only what you type, runs entirely in your browser with no backend, and produces codes that never expire.
Get in Touch
Now that you've learned about our process, why not take the next step and let us help you take your online presence to the next level? Don't wait – schedule a call with us today and let's discuss how we can give your business the recognition it deserves.