Framework-agnostic · ISO/IEC 18004

Beautiful QR codes,
fully under your control.

Rune is a lightweight, fully customizable QR code library. Custom shapes, gradients, logos, and frames. Clean, scannable, and built from scratch.

$pnpm add @kroszborg/rune-react
gradient
leaf
fluid
dots

What's included

Everything a QR needs, and more.

Pure SVG

No canvas, no raster. Scales perfectly at any resolution - print or screen.

Zero dependencies

QR encoding built from scratch per ISO/IEC 18004. The core has no runtime deps.

Four frameworks

One agnostic engine, thin wrappers for React, Vue, and a <rune-qr> Web Component.

Every shape

Eight dot styles, five finder rings, three finder cores - mix freely.

Gradients & frames

Linear/radial gradients per element, background images, frames with CTA text.

Logos, safely

Embed any image or React node; size auto-clamped per ECL to stay scannable.

Data builders

WiFi, vCard, email, SMS, geo, calendar, crypto - correctly escaped for you.

Export anywhere

toSVGString (sync/SSR), plus PNG · JPEG · WebP · PDF via optional peers.

Why Rune

More frameworks, more styles, more output.

4
frameworks - React, Vue, vanilla, Web Component
8 × 5
dot styles × finder ring styles, freely mixed
5
output formats - SVG, PNG, JPEG, WebP, PDF