Qr Grid React

This library offers two methods for generating QR codes: using Canvas and Svg. It also includes utility functions for downloading images and styling QR codes.

[!NOTE] For complete documentation visit: qrgrid.dev

Key Features

• Canvas-based QR Code Generation: Create QR codes using the HTML5 Canvas element for high-performance rendering.
• SVG-based QR Code Generation: Generate QR codes as scalable vector graphics (SVG) for infinite scalability without loss of quality.
• Utility Functions: Easily download QR codes as images and apply custom styles.

Installation

npm i @qrgrid/react

Using Canvas

import { Canvas } from "@qrgrid/react";

<Canvas.Qr input="Hello World!"/>

OR

import { Qr } from "@qrgrid/react/canvas";

<Qr input="Hello World!"/>

Using Svg

import { Svg } from "@qrgrid/react";

<Svg.Qr input="Hello World!"/>

OR

import { Qr } from "@qrgrid/react/svg";

<Qr input="Hello World!"/>