VOOZH about

URL: https://dev.to/ttsalpha/i-built-a-lightweight-fully-customizable-react-qr-code-library-25h7

⇱ I built a lightweight & fully customizable React QR Code library - DEV Community


I’ve been working on a project that required generating a lot of QR codes, so I decided to build my own React QR code component from scratch. It’s now published as @ttsalpha/qrcode.

Key Highlights:

  • Pure SVG — no canvas, no raster images, scales perfectly at any size
  • Zero runtime dependencies — QR encoding implemented from scratch (ISO/IEC 18004)
  • Fully typed — written in TypeScript with strict mode
  • 3 dot styles: Square, Circle, and Snake-connected rounded
  • Highly customizable corners — independent style & color for each part of the finder patterns
  • Logo support — easily embed an image or any React element in the center
  • Tree-shakeable — named exports only, supports ESM + CJS

Live demo: https://qrcode.ttsalpha.com