JPKCom DB

QR

Styled QR codes in your browser: URL, WiFi, vCard, event, location & more, dot/corner styles, gradients, logo, scan test, SVG/PNG/JPEG/WebP export.

Styled QR codes, right in your browser

The QR code generator turns text, a URL, WiFi credentials, a contact card, a calendar event, a location and more into a QR code — not the usual black pixel mush, but one you can design: round or square dots, custom corners, color gradients, a logo in the middle. You download the result as SVG, PNG, JPEG or WebP, or copy it as SVG markup to the clipboard.

The key point: the entire code is built in your browser. There's no upload, no account, no server round-trip for your data — even your logo is embedded locally. Whatever you enter stays with you. And since a pretty code is worthless if no camera can read it, the tool immediately decodes every code it generates and warns you about weak contrast or a margin that's too tight. That makes it just as suitable for a quick URL on a handout as for confidential content you don't want a third-party service to see.

It's built for anyone who needs a QR code regularly or on the spot: marketing and design for flyers, posters and business cards; developers who want to make a URL or config scannable fast; admins handing out a WiFi login or a contact card. And if you want to understand how a QR code actually works, there's a thorough learning and reference area below the generator.

What the tool does — at a glance

  • Content templates — ready-made input masks for Plain Text, URL, WiFi Network (including WPA3), vCard (Contact), Email, SMS, Phone Call, Location (Geo) and Calendar Event. The tool assembles the correct QR format for you.
  • Proper UTF-8 — accented letters, Cyrillic, emoji and other non-ASCII characters end up in the code intact.
  • Style the dots (Dots Options) — six styles from square to "classy", as a single color or a gradient.
  • Style the corners — set the style and color of the three big corners (Corners Square) and their inner dots (Corners Dot) independently.
  • Background — color, gradient, rounded corners, or fully transparent.
  • Center logo (Center Image) — embed your own image (PNG, JPG, SVG, WebP, AVIF, GIF); the modules behind it are cleared.
  • Size, margin, shape — edge length in pixels, a margin with an automatic four-module quiet zone, and a square or circular overall shape.
  • Error correction — four levels from L to H.
  • Scan test, capacity, warnings — below the preview you see whether the code decodes back to exactly your content, how many bytes it uses (version, module count, level), and whether contrast, inversion or the margin could cause trouble.
  • Export — download as SVG, PNG, JPEG or WebP with a file name derived from the content, plus "Copy SVG" to the clipboard.

Architecture: everything client-side

The code is rendered entirely client-side with the qr-code-styling (opens in a new tab) library. There is no server communication to process your content — neither your text nor an uploaded logo leaves the browser. Export (SVG/PNG/JPEG/WebP) and copying happen locally too. For the scan test, the browser fetches the jsQR (opens in a new tab) decoding library from the same server the first time it's needed; your content isn't sent anywhere, the check runs in the browser as well. For genuinely private data that's a real advantage over online generators that ship your content to a server first.

The preview updates live as you change inputs and options. Internally a QR code is always a vector (SVG) — the raster formats PNG, JPEG and WebP are produced from it at the chosen pixel size.

Try it now

→ Open the QR code generator — pick a content type, enter your data, style it, download. No account, free, right in the browser.

  • Cryptor (AES-256) — encrypt a short ciphertext and pass it on as a QR code (the password separately, of course).
  • Password & key generator — produce strong strings to distribute as QR content; WiFi keys and TOTP secrets come with their own QR code right in the generator.
  • Graphics tools — prepare a logo you then drop into the center of the code.

There's more on the sub-pages: the manual with every option and content type, hands-on examples, and collected tips & tricks.