A smart, theme-aware QR code generator that adapts to your display preferences while maintaining perfect scannability.
- 🌞 Light Mode → Clean light background with dark QR code
- 🌙 Dark Mode → Sleek dark background with light QR code
- QR codes maintain optimal contrast in both modes for reliable scanning
- 🔄 Automatic Regeneration → QR code updates instantly when you change the input
- 💾 Theme Persistence → Your theme preference is saved and restored on every visit
- 🚫 No Blurry Filters → Pure, crisp QR codes without CSS filter hacks
Every QR code generated is tested for scannability. Whether you're in light or dark mode, your codes will work perfectly with any QR scanner.
# Clone the repository
git clone https://github.com/yourusername/qr-generator.git
# Navigate to the project directory
cd qr-generator
# Open index.html in your browser
# No build process required!- Enter your text or URL in the input field
- Watch the QR code generate automatically
- Toggle between light and dark mode using the theme switcher
- Pure HTML/CSS/JavaScript
- [QR Code API Source(3rd Party)] (https://github.com/soldair/node-qrcode or https://cdnjs.com/libraries/qrcode/1.4.4)
- LocalStorage for theme persistence
Most QR generators ignore dark mode or use CSS filters that make codes hard to scan. This generator properly inverts the QR code colors, ensuring maximum scannability in any lighting condition.
Contributions are welcome! Feel free to:
- 🐛 Report bugs
- 💡 Suggest new features
- 🔧 Submit pull requests
This project is licensed under the MIT License.
- Thanks to the QR code specification creators for making this technology open
- Inspired by the need for dark-mode-friendly tools
Made with ❤️ for accessibility and user experience
⭐ Star this repo if you find it useful!