DEV Community

Naman Sachdeva
Naman Sachdeva

Posted on

Free QR Code Generator Tool Built From Scratch (Source Included)

๐Ÿงพ Build Your Own Customizable QR Code Generator (No Libraries Needed!)

These days, QR codes are used everywhere โ€” for payments, links, login, and more.
I wanted to build a simple tool that could generate QR codes quickly without relying on any external libraries or showing ads.

So I built this project using just HTML, CSS, and JavaScript โ€” and itโ€™s fully customizable.

Try It Out

Live Demo: https://naman9104.github.io/QR-Code-Generator/
GitHub Source Code: https://github.com/naman9104/QR-Code-Generator

What This Tool Can Do

Type any text or link to generate a QR code instantly

Choose your own size and colors

Live preview updates as you type

Download the QR code as a PNG image

Clean and modern UI design with a glassmorphism effect

How Itโ€™s Built

This project uses:

HTML for the structure

CSS for the styling and layout

JavaScript to generate the QR code using qrcode.js
No frameworks or heavy libraries โ€” itโ€™s all built from scratch.

Why I Made This:
I was exploring ideas for small frontend projects, and QR codes seemed like a fun and useful thing to build.
I also wanted full control over the look and features, which is hard to get with online tools.

Try the Tool:
Use the QR Code Generator here: https://naman9104.github.io/QR-Code-Generator/

If you like this project, feel free to star the repo on GitHub โ€” it really helps and motivates me to share more.

Thanks for reading! If you have any feedback or suggestions, feel free to reply.

Top comments (0)