QR Studio

Focused Tool

Zero-backend client-side custom QR code generator with gradient styling and crisp vector SVG/PNG export.

RoleCreator & Frontend Engineer
Platform
Web
Tech Stack

Why I Built This

Most web QR code generators are bloated with popups, require account sign-ups, or transmit user payloads and Wi-Fi credentials to remote tracking servers.

How It Works

1. Client-Side Canvas & Vector Matrix Engine

Generates the Reed-Solomon error correction matrix and encodes payload bits in-memory. Renders real-time gradient patterns directly on an HTML5 canvas and exports clean SVG path strings for print-ready vector files.

Trade-off:Pure browser computation means zero server upkeep costs, zero user tracking, and sub-1ms re-renders during live color edits.

Results & Numbers

Instant in-browser generator with zero network latency, complete data privacy, and clean vector exports.

0ms
Network latency with zero backend requests
100%
Client-side privacy and vector precision
Retrospective:Adding support for animated SVG QR codes and micro-logos in the center matrix is the logical next step.