Skip to content

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

Notifications You must be signed in to change notification settings

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

No packages published