Skip to content

Snappy QR Generator | Modern, responsive, and interactive QR code generator with customizable sizes, colors, and dark mode using Bootstrap 5 and JavaScript.

License

Notifications You must be signed in to change notification settings

DMS-Menula/snappy-qr-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔮 Snappy QR Generator

A modern, interactive, and fully responsive QR Code Generator built using HTML, CSS, Bootstrap 5, and JavaScript.
Designed with a smooth glassmorphism UI, gradient animations, and advanced customization options.


✨ Features

✅ Generate QR codes instantly
✅ Choose between Simple, Medium, Advanced sizes
✅ Customize QR code color
✅ Download QR code as PNG
✅ Copy QR code link to clipboard
✅ Fully responsive & mobile-friendly
✅ Smooth animations & modern UI
✅ Dark mode toggle
✅ Bootstrap-powered design
✅ Super fast and lightweight


🎨 UI Highlights

  • Advanced glassmorphism effect
  • Gradient animated background
  • Hover, scale, and fade animations
  • Rounded, modern buttons
  • Clean and elegant form fields
  • Centered, mobile-first layout

🛠️ Technologies Used

  • HTML5
  • CSS3
  • Bootstrap 5
  • JavaScript (ES6)
  • QRCode API

📂 Project Structure


📁 snappy-qr-generator
│── index.html
│── script.js
│── README.md


🚀 How to Use

  1. Enter any text or URL
  2. Select QR size
  3. Pick your color
  4. Click Generate QR
  5. Download or copy the QR instantly

📸 Demo Preview

image

🧑‍💻 Developer

Menula De Silva

⭐ Contribute

Want to improve the project?

  1. Fork the repo
  2. Create a new branch
  3. Commit your changes
  4. Submit a pull request

🌟 Show Your Support

If you like this project, consider:

✅ Giving it a star ⭐ on GitHub
✅ Sharing it with others
✅ Following DMS-Menula on GitHub


📜 License

This project is open-source and free to use.


🔗 Live Demo

https://dmsmenula.github.io/snappy-qr-generator/

About

Snappy QR Generator | Modern, responsive, and interactive QR code generator with customizable sizes, colors, and dark mode using Bootstrap 5 and JavaScript.

Topics

Resources

License

Stars

Watchers

Forks