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
Top comments (0)