This QR code generator includes the following features:
-
Clean and Modern UI with a gradient background and card-style container
-
Customization Options:
- Input for text or URL
- Size selection (100×100 to 400×400 pixels)
- Color picker for QR code color
-
Functionality:
- Dynamic QR code generation using the qrcode.js library
- Download option to save the generated QR code as a PNG image
- Responsive design that works on mobile and desktop
- Enter any text or URL in the input field
- Select your desired QR code size
- Choose a custom color for the QR code
- Click "Generate QR Code" to create your QR code
- Use the "Download" button to save the QR code as an image
The code uses the qrcode.js library (loaded from CDN) to handle the QR code generation. The interface includes subtle animations and user feedback like button state changes and loading indicators.