joshuamakes

Web tool · Next.js

QR Logo Lab

QR codes that carry your logo and your colours — and still scan.

Open QR Logo Lab
qrlogolab.com
QR Logo Lab with a web address entered and the QR code previewed beside it

Paste a link or any text and the code redraws as you type.

Who it is for

For small businesses and anyone printing a QR code on a menu, flyer or business card who wants it to look like theirs. No sign-up, and no watermark.

How it works

  1. 02

    Shape, dot style, corners and colours — here a circular code in a brand teal instead of stock black.

    qrlogolab.com
    The Style tab with the circle shape selected and the code recoloured teal

  2. 03

    Upload a logo and it sits at the centre of the code, with adjustable error correction so it still scans. Export as PNG, or SVG to print at any size.

    qrlogolab.com
    The Logo tab with a logo uploaded, shown at the centre of the QR code

On a phone

The editor tabs sit above the preview, which fills the width of the screen.

QR Logo Lab on a phone

How it is built

Next.js and the qr-code-styling library. The code is generated in the browser.

Next.js · qr-code-styling · TypeScript · Tailwind CSS

Contact