QR Code Studio

A lightweight, browser-based QR code generator that creates production-ready QR codes for URLs, text messages, and contact information (vCards).

Features

Multiple QR Code Types

URL: Generate QR codes for website links. Automatically prepends https:// if no protocol is specified.
Text: Encode plain text messages into scannable QR codes.
Contact (vCard): Create QR codes containing contact information (name, organization, phone, email) in the standard vCard 3.0 format.
WiFi: Generate QR codes that allow instant WiFi network connection when scanned.

WiFi QR Code Options

The WiFi QR code generator supports the following options:

Field	Required	Description
Network Name (SSID)	Yes	The name of the WiFi network
Password	Conditional	Required for WPA/WPA2/WPA3 and WEP networks
Security Type	Yes	WPA/WPA2/WPA3 (default), WEP, or None (Open Network)
Hidden Network	No	Check if the network doesn't broadcast its SSID

WiFi QR Code Format: Uses the standard WIFI:T:<security>;S:<ssid>;P:<password>;H:<hidden>;; format recognized by iOS Camera, Android, and most QR readers.

Security Notes: - Special characters in SSID and password (;, :, \, ") are automatically escaped. - Password field is disabled when "None (Open Network)" is selected. - Use the eye icon to toggle password visibility while entering credentials.

Customization Options

Color: Choose any color for your QR code using the color picker.
Size: Select from three preset sizes:
- Small (128×128 pixels)
- Medium (256×256 pixels) - default
- Large (512×512 pixels)

Download: Save your QR code as a PNG image file.
Copy Link: Quickly copy the encoded content to your clipboard.

Technical Details

Standard Compliance: Generates ISO/IEC 18004 compliant QR codes.
Error Correction: Uses Level H (High) error correction, allowing up to 30% of the code to be damaged while remaining readable.
Compatibility: Works with iOS Camera, Android Lens, and all standard QR code readers.

Dependencies

This tool uses the following external libraries (loaded via CDN):

Tailwind CSS - Utility-first CSS framework for styling
Lucide Icons - Beautiful open-source icons
QRCode.js - QR code generation library

Usage

Open qr_generator.html in any modern web browser.
Select the type of QR code you want to create (URL, Text, or Contact).
Fill in the required information.
Optionally customize the color and size.
Click Generate QR Code.
Download the image or copy the link as needed.

Keyboard Shortcuts

Enter: Generate QR code (works from any input field)

Browser Support

Works in all modern browsers including: - Chrome / Edge (Chromium-based) - Firefox - Safari - Mobile browsers (iOS Safari, Chrome for Android)

No server required—runs entirely in the browser.

License

This project is licensed under the MIT License.

InnovUmabot | https://innovumabot.com

This tool was vibe-coded with AI with strict human supervision.