# QR

> Build styled QR codes in your browser: templates for URL, WiFi, vCard & more, custom dot/corner styles, gradients, a center logo, and SVG/PNG/JPEG/WebP export.

Source: https://www.jpkc.com/db/en/tools/qr/

## Styled QR codes, right in your browser

The [QR code generator](https://www.jpkc.com/tools/qr/) turns text, a URL, WiFi credentials, a contact card 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 — even your logo is embedded locally. Whatever you enter stays with you. That makes the tool 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**, **vCard (Contact)**, **Email** and **SMS**. The tool assembles the correct QR format for you.
- **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, margin (quiet zone), and a square or circular overall shape.
- **Error correction** — four levels from L to H.
- **Export** — download as SVG, PNG, JPEG or WebP, plus "Copy SVG" to the clipboard.

## Architecture: everything client-side

The code is rendered entirely **client-side** with the [qr-code-styling](https://github.com/kozakdenys/qr-code-styling) 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 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](https://www.jpkc.com/tools/qr/)** — pick a content type, enter your data, style it, download. No account, free, right in the browser.

## Related JPKCom tools

- **[Cryptor (AES-256)](https://www.jpkc.com/db/en/tools/cryptor/)** — encrypt a short ciphertext and pass it on as a QR code (the password separately, of course).
- **[Password & key generator](https://www.jpkc.com/db/en/tools/generator/)** — produce strong strings to distribute as QR content.
- **[Graphics tools](https://www.jpkc.com/db/en/tools/graphic/)** — prepare a logo you then drop into the center of the code.

---

There's more on the sub-pages: the [manual](https://www.jpkc.com/db/en/tools/qr/manual/) with every option and content type, hands-on [examples](https://www.jpkc.com/db/en/tools/qr/examples/), and collected [tips & tricks](https://www.jpkc.com/db/en/tools/qr/tips/).