Skip to content

ndrada/qr-code-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📷 QR Code Generator

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.

QR Generator UI


💡 Features

✅ 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


🚀 Live Demo

🔗 Check it out here


🛠️ Getting Started

To run this app locally:

  1. Clone the repo

    git clone https://github.com/ndrada/qr-code-generator.git
    cd qr-code-generator
  2. Open index.html in your browser
    No build tools or servers needed – this is a pure front-end app!


🧠 How It Works

  • 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.

📁 Project Structure

qr-code-generator/
│
├── img/             # QR icon + optional UI gifs/screenshots
├── index.html       # Main HTML page
├── script.js        # JavaScript logic
└── README.md        # You're here!

📌 Notes

  • Built as a quick utility app and styled entirely with Tailwind for speed.
  • Feel free to fork or customize it for your own project!

🧑‍💻 Author

Made with ❤️ by me


📄 License

MIT – free to use and modify ✌️

About

QR Code generator with multiple qr code image size options and an option to save the generated file as a jpg to your device. Styled with Tailwind. A little sprinkle of JS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors