QR Builder

QR Builder

Single-page QR code generator

written by
In Search of an Image - "No Image Associated with this article": an image by

QR Builder

Client-side QR code generator. Paste text or a URL and get a clean, scannable QR code.

ACTIVE webapp Updated February 25, 2026
QR Builder hero image

What it does

QR Builder turns text (including URLs) into a QR code you can scan with a phone camera.

This tool is fully client-side: it does not upload your content.

How to use it

  • Open: https://tedt.org/tools/qr-builder.html
  • Paste or type your content.
  • The QR code updates as you type.
  • Press ⌘/Ctrl+Enter to force a render (helpful if you’re pasting large content).

Notes

  • QR generation uses the qrcodejs library loaded from jsDelivr.
  • If scanning fails, shorten the content (long strings force denser codes).

Options

  • Size: Larger sizes are easier to scan at a distance.
  • Error correction (ECC): Higher ECC is more tolerant, but increases density.
  • Colors: For reliability, keep strong contrast (dark foreground, light background).

Details

Tech
  • JavaScript
  • HTML
  • CSS
License
MIT
Tags
qr qrcode url encode webapp javascript tools

Features

  • Instant QR preview as you type
  • Keyboard-friendly: ⌘/Ctrl+Enter to render
  • Configurable: size, error correction, foreground/background colors
  • High-contrast, scannable QR tile
  • Runs entirely in the browser (no server)

Screenshots