DEV Community

Cover image for qrGrid: Canvas and SVG QR Codes for React, Vue, and Angular
jQueryScript
jQueryScript

Posted on

qrGrid: Canvas and SVG QR Codes for React, Vue, and Angular

qrGrid: a TypeScript JavaScript library that generates fully customizable QR codes with canvas and SVG rendering, framework components, and server-side support.

Key features:

  • Raw module grid output as a flat Uint8Array for custom rendering
  • Module styles: dots, smooth edges, and rounded corners
  • Gradient fills, per-zone finder colors, and center logo embedding
  • Native components for React, Vue 3, and Angular
  • Server-side SVG generation for Node.js (emails, PDFs, APIs)
  • CLI output for terminal display and SVG file export
  • Zero runtime dependencies, full TypeScript support

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)