Skip to main content

React QR Code

A <QRCode /> component for React and React Native. This library works with React and React Native (using React Native SVG).

Key Features

Simple Component

Drop-in <QRCode /> component that works with minimal configuration

UTF-8 Support

Native support for non-ASCII text including Korean, Japanese, Chinese, and emoji

Highly Customizable

Customize colors, size, error correction level, and more

SVG-Based

Renders as scalable SVG for crisp quality at any size

Cross-Platform

Works seamlessly on web, iOS, and Android

Spec Compliant

Adheres to the official QR spec - stores up to 2953 characters

Installation

Get started with npm, yarn, or pnpm

Quickstart

Create your first QR code in minutes

API Reference

Explore all available props and options

React Native

Setup guide for iOS and Android

Screenshots

Web Demo

Web Demo

Mobile (Android & iOS)

Android DemoiOS Demo

License

react-qr-code is MIT licensed.

Build docs developers (and LLMs) love