A simple and sleek QR Code Generator built with HTML, Tailwind CSS, and JavaScript.
Users can enter any URL and instantly generate a downloadable QR code in their desired size.
✅ Generate QR codes for any valid URL
✅ Choose from multiple QR code sizes (100x100 to 700x700)
✅ Download your QR code as an image
✅ Smooth animations with Tailwind styling
✅ Fully responsive and mobile-friendly
To run this app locally:
-
Clone the repo
git clone https://github.com/ndrada/qr-code-generator.git cd qr-code-generator -
Open
index.htmlin your browser
No build tools or servers needed – this is a pure front-end app!
- Uses the QRCode.js library to generate QR codes.
- Tailwind CSS is loaded via CDN – no extra config needed.
- A loading spinner appears while the QR code is generated.
- Once generated, the QR code appears and a Save Image button is added below it.
qr-code-generator/
│
├── img/ # QR icon + optional UI gifs/screenshots
├── index.html # Main HTML page
├── script.js # JavaScript logic
└── README.md # You're here!
- Built as a quick utility app and styled entirely with Tailwind for speed.
- Feel free to fork or customize it for your own project!
Made with ❤️ by me
MIT – free to use and modify ✌️
