QR Code Generator

Workflow & Usage

1. Choose action type. Pick between Text / URL, Call, Email, or SMS under General Settings.
2. Enter your data. Type the text, phone number, or email address the QR should encode.
3. Pick shape. Choose Square or Circle for the QR outline.
4. Set background. Pick a background color (via color picker or hex input).
5. Style dots and corners. Select shape (Square, Dots, Rounded, Extra Rounded, Classy, Classy Rounded) and color.
6. Add a center icon (optional). Upload a logo and optionally hide the dots behind it for better contrast.
7. Download. Choose SVG, PNG, JPEG, or WebP and set your filename.

Live preview updates as you type. No accounts. No uploads.

Use Cases

• Quick contact links
  Generate QR codes that open links, call, text, or email with one tap.

• Brand-consistent print materials
  Match your color palette for menus, flyers, or posters.

• Product inserts & manuals
  Link to setup guides, apps, or support pages.

• Marketing campaigns
  Add a logo and use QR as part of landing or feedback loops.

• Shop signage & Wi-Fi corners
  Create simple codes for contactless menus or shared networks.

Tips for Best Results

• Contrast matters. Use dark dots on a light background.
• Keep it simple. Short text = faster, more reliable scans.
• Use SVG for print. Infinite scaling without blur.
• Mind icon size. Smaller icons scan better. Enable Hide dots behind icon if needed.
• Test before publishing. Always scan with real devices under different light.

How It Works

Everything runs client-side using the qr-code-styling library.

• Generates a high-resolution QR on a <canvas>.
• Builds a redirect for tel:, mailto:, and sms: links using query parameters (?action=call&tel=...).
• When scanned, it opens the corresponding phone, mail, or messaging app directly.
• Supports full visual customization: dots, corners, shape, colors, and optional embedded logo.
• Exports instantly to SVG, PNG, JPEG, or WebP — no server, no wait.