The latest articles on DEV Community by Richard Snow (@ttsalpha). https://dev.to/ttsalpha https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F585438%2Fc7cc6e7e-66b1-486d-8cc6-11a58261df3f.png https://dev.to/ttsalpha en Richard Snow Sat, 16 May 2026 08:56:26 +0000 https://dev.to/ttsalpha/i-built-a-lightweight-fully-customizable-react-qr-code-library-25h7 https://dev.to/ttsalpha/i-built-a-lightweight-fully-customizable-react-qr-code-library-25h7 <p>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 <code>@ttsalpha/qrcode</code>.</p> <p>Key Highlights:</p> <ul> <li>Pure SVG — no canvas, no raster images, scales perfectly at any size</li> <li>Zero runtime dependencies — QR encoding implemented from scratch (ISO/IEC 18004)</li> <li>Fully typed — written in TypeScript with strict mode</li> <li>3 dot styles: Square, Circle, and Snake-connected rounded</li> <li>Highly customizable corners — independent style &amp; color for each part of the finder patterns</li> <li>Logo support — easily embed an image or any React element in the center</li> <li>Tree-shakeable — named exports only, supports ESM + CJS</li> </ul> <p>Live demo: <a href="https://qrcode.ttsalpha.com" rel="noopener noreferrer">https://qrcode.ttsalpha.com</a></p> qrcode react typescript javascript