DEV Community

Frederick
Frederick

Posted on Originally published at freeqrgen.uk

Why We Built a 100% Client-Side QR Code Generator (No Paywalls, No Redirects)

#webdev #opensource #javascript #showdev

We’ve all experienced it: you need a quick QR code for a client project, a restaurant menu, or Wi-Fi access. You search online, paste your link into a top-ranking "free" generator, print out your materials, and two weeks later... it stops working because it was a "14-day trial" dynamic link locked behind a $15/month subscription.

Frustrated by tools that hold static data hostage or route private information through untrusted middleman servers, we built freeqrgen.uk—a fast, privacy-first QR code generator that runs 100% locally in your browser.

🛠️ Architecture & Core Engineering

Most commercial QR utilities use dynamic links that route scans through their backend servers to log tracking telemetry or enforce monthly subscription paywalls.

At Opendevv, we took a strictly local-first approach:

  1. 100% Client-Side Matrix Rendering: All 2D matrix compilation and Reed-Solomon error correction occur directly in the user's browser runtime via Web APIs and Canvas/SVG engines. Whether generating a vCard or Wi-Fi credentials, zero bytes touch an external server.
  2. Direct Encoding (Zero Expiration): Payload details (URLs, contacts, crypto wallets) are compiled straight into the 2D pixel matrix. The generated codes never expire because there are no backend redirect servers to shut down.
  3. Automated Error Correction Scaling: When embedding custom center logos or icons, the generator dynamically configures High (Level H - 30%) Error Correction. This allows up to 30% of the pattern to be obstructed while preserving instant camera recognition across iOS and Android devices.
  4. Infinite-Resolution Vector Engine: Beyond standard raster downloads (PNG/JPG), it renders native SVG vector files for loss-free output in Adobe Illustrator, Figma, or InDesign print workflows.
  5. Print-Optimized CSS Workflow: Includes a dedicated print trigger using @media print rules that strips away UI layout overhead and dark themes, outputting a clean, centered graphic on physical paper.

💡 Core Feature Set

Here is what freeqrgen.uk supports out of the box with zero sign-up required:

Supported Payload Types

  • Web Links & Direct URLs: Clean, un-redirected web links with unlimited scans.
  • Instant Wi-Fi Access: One-tap network login supporting WPA/WPA2/WPA3, WEP, and hidden SSIDs.
  • vCard Digital Contacts: Multi-field electronic business cards (full name, phone number, email, company, title) that import straight into address books.
  • Cryptocurrency Payment Keys: Dedicated address and amount payloads for Bitcoin (BTC), Ethereum (ETH / ERC-20), Solana (SOL), Tether (USDT), and Pi Network (PI).
  • Direct Communication Triggers: Instant SMS messaging, phone dialing, and pre-formatted email templates.

Styling & Export Controls

  • Custom Color Palettes: Curated combinations (Ocean, Forest, Berry, Sunset, Midnight, Indigo, Charcoal) or custom hex/RGB selection.
  • Brand Icon Presets: Built-in brand icons (WhatsApp, Instagram, Facebook, X/Twitter, YouTube, LinkedIn, TikTok) plus custom user logo uploads.
  • Multi-Format Downloads: Crisp PNG for digital media, solid-background JPG for office documents, and scalable SVG vectors for print signage.

🚀 Try It Out & Share Your Feedback

If you need a reliable generator for your next project or client setup, test it out:

👉 Live App: freeqrgen.uk

We’d love to hear your technical feedback! What developer utilities would you find most useful as we build out more open tools?

Top comments (0)