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.html
in 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 βοΈ