Skip to content

This is a modern, sleek, and fully featured QR Code Generator web application built using pure HTML, CSS, and JavaScript. It allows users to instantly create high-quality QR codes for any text or URL with a beautiful, animated, and responsive user interface.

Notifications You must be signed in to change notification settings

AdityaKumar06/Advanced-QR-Code-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

⚑ QR Code Generator

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 ✨


✨ Features

  • ✍️ 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

πŸ–ΌοΈ Preview

QR Code Generator Preview

πŸ› οΈ Technologies Used

  • 🧱 HTML5
  • 🎨 CSS3 (Custom properties, Flexbox, Animations, Backdrop Filter)
  • βš™οΈ Vanilla JavaScript
  • πŸ”€ Google Fonts – Poppins
  • πŸ“¦ QRCode.js Library

πŸš€ Installation & Usage

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!


---

About

This is a modern, sleek, and fully featured QR Code Generator web application built using pure HTML, CSS, and JavaScript. It allows users to instantly create high-quality QR codes for any text or URL with a beautiful, animated, and responsive user interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published