Qrcode.react screenshot

Qrcode.react

Author Avatar Theme by Zpao
Updated: 29 Mar 2025
4076 Stars

A <QRCode/> component for use with React.

Overview:

The qrcode.react React component is designed to generate QR codes for rendering on the web. It offers flexibility in choosing between SVG or Canvas rendering, with SVG being the recommended option for its versatility. The component supports various customization options to tailor the QR code’s appearance and functionality.

Features:

  • SVG and Canvas Rendering: Choose between SVG or Canvas rendering for the QR code.
  • Customizable Size: Set the size of the QR code in pixels.
  • Error Correction Level: Select the error correction level (L, M, Q, H) for the QR code.
  • Background and Foreground Colors: Customize the colors of the QR code.
  • Margin Control: Specify the margin size or include a default margin.
  • Title Assignment: Assign a title for accessibility purposes.
  • Minimum Version: Set the minimum version for encoding the QR code.
  • Image Embedding: Add details for embedding an image in the QR code.

Installation:

To install qrcode.react, you can use npm or yarn:

npm install qrcode.react
# or
yarn add qrcode.react

Summary:

The qrcode.react React component offers a convenient way to generate and customize QR codes on web applications. With support for SVG and Canvas rendering, along with a range of customization options such as size, error correction level, colors, margin control, and more, this component provides flexibility and functionality for incorporating QR codes into web projects.