A modern, stylish, and fully responsive QR Code Generator built with HTML, CSS, and JavaScript.
Generate high-quality QR codes instantly with customizable size and color, then download or copy them to clipboard — all in a sleek glassmorphism UI ✨
- ✍️ Real-time QR code generation as you type
- 🎨 Customizable QR code color picker
- 📏 Multiple size options (200px – 600px)
- ⬇️ Download QR code as PNG
- 📋 Copy QR code to clipboard (one click)
- 🧹 Clear input button
- 🌙 Sleek glassmorphism UI with smooth animations
- 📱 Fully responsive (mobile & desktop)
- ⚡ Fast & lightweight using QRCode.js
- ❤️ Made with love by Aditya Kumar
- 🧱 HTML5
- 🎨 CSS3 (Custom properties, Flexbox, Animations, Backdrop Filter)
- ⚙️ Vanilla JavaScript
- 🔤 Google Fonts – Poppins
- 📦 QRCode.js Library
1️⃣ Clone the repository
git clone https://github.com/your-username/qr-code-generator.git
2️⃣ Go to the project folder
cd qr-code-generator
3️⃣ Open index.html in your browser
start index.html
✅ No build tools or dependencies required — just open and use!
📁 Project Structure
📦 qr-code-generator
┣ 📜 index.html
┣ 🎨 style.css
┣ ⚙️ script.js
┗ 📄 README.md
🌟 Future Enhancements
📌 Save QR history
🖨️ Print QR codes
🎭 Dark / Light theme toggle
📐 Advanced QR customization options
🤝 Contributing
Contributions are welcome 🙌
Feel free to fork, improve, and submit a pull request.
📜 License
This project is licensed under the MIT License.
👨💻 Author
Aditya Kumar ❤️
⭐ If you like this project, don’t forget to star the repository!
---