The latest articles on DEV Community by Salman Ali (@salman_ali_81cfecb56b4bf7). https://dev.to/salman_ali_81cfecb56b4bf7 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4013397%2F907e7b09-ecda-4859-b28e-6dfe231a6113.png https://dev.to/salman_ali_81cfecb56b4bf7 en Salman Ali Fri, 03 Jul 2026 14:29:54 +0000 https://dev.to/salman_ali_81cfecb56b4bf7/building-a-fast-free-online-qr-scanner-and-generator-open-source-bo5 https://dev.to/salman_ali_81cfecb56b4bf7/building-a-fast-free-online-qr-scanner-and-generator-open-source-bo5 <p>Hi Dev Community! 👋</p> <p>I wanted to share a project I recently launched: <strong>QRScanner</strong>. </p> <p>Most online QR code tools out there are either hidden behind a paywall, filled with annoying pop-up ads, or force you to download an app. I wanted a clean, fast, and privacy-focused alternative, so I decided to build one myself!</p> <p>it's fully hosted on Netlify and open-source.</p> <h3> 🚀 Live Demo &amp; Repository </h3> <ul> <li> <strong>Live Tool:</strong> <a href="https://dev.tourl">[https://qrscaner.netlify.app/]</a><a href="https://dev.tourl">(https://qrscaner.netlify.app/)</a> </li> <li> <strong>Features:</strong> Scan via Camera, Upload Images, and Generate custom QRs (WiFi, WhatsApp, Text, URLs).</li> </ul> <h2> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3y89ifqpfis8owftswd0.jpg" alt=" " width="800" height="379"> </h2> <h3> 🛠️ Tech Stack &amp; Features </h3> <p>I kept the architecture lightweight and straightforward to ensure maximum speed directly in the browser:</p> <ul> <li> <strong>HTML5 / CSS3:</strong> Custom UI with a clean dark/light theme experience.</li> <li> <strong>Vanilla JavaScript:</strong> Fast decoding logic without heavy framework overhead.</li> <li> <strong>Privacy First:</strong> No data is sent to any server; everything happens locally on your device.</li> </ul> <h3> 💡 What I Learned </h3> <p>Building this project helped me understand browser-based camera permissions better and how to optimize image scanning directly from the device gallery efficiently. </p> <p>I would love to get your feedback on the UI, performance, or any features you think I should add next. If you find it useful, feel free to bookmark it or star the repo!</p> <p>Let me know what you think in the comments below! 👇</p> qr webdev productivity javascript