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-reactWhat'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.
Any framework
React, Vue, vanilla and a <rune-qr> Web Component. Everything else renders via toSVGString.
Every shape
Nine 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
Image or live node. The lowest ECL that covers the logo is chosen from exact codeword damage.
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