Workflow & Usage
- Choose action type. Pick between Text / URL, Call, Email, or SMS under General Settings.
- Enter your data. Type the text, phone number, or email address the QR should encode.
- Pick shape. Choose Square or Circle for the QR outline.
- Set background. Pick a background color (via color picker or hex input).
- Style dots and corners. Select shape (Square, Dots, Rounded, Extra Rounded, Classy, Classy Rounded) and color.
- Add a center icon (optional). Upload a logo and optionally hide the dots behind it for better contrast.
- 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:, andsms: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.
