Skip to content
Projects

exzos28/react-native-qr-svg

View on GitHub

exzos28/react-native-qr-svg has 39 GitHub stars and 6 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-15 05:18 UTC. Last push 2026-10-31.

How these counts are measured

39 stars6 Forks

Measured star growth

in 24h
0
in 7 days
Collecting history
in 15 days
Collecting history
in 1 month
Collecting history

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

About

Stylish QR codes for React Native and the web that still scan: rounded, liquid, dots, gradients, custom eyes and logos.

Web & Apps

README.md

Original

QR codes for React Native and the web, drawn with react-native-svg. Style them freely without giving up the one thing a QR code must do: scan.

  • Seamless shapes. rounded, liquid, square, dots and triangle. Connected modules are traced as one outline: no hairline seams, half the path data.
  • Custom eyes and colors. Square, rounded or circle finder patterns in their own colors, gradients, gaps, quiet zone and logos.
  • Scannable by default. A test suite decodes every built-in style with a real QR decoder. The defaults keep finder patterns solid and raise error correction for logos, and development warnings catch logos or styles that may not scan.
  • Lightweight. Pure JavaScript with one small dependency: works in Expo Go and on the web.
  • Not only React. The same code renders to an SVG string for servers, sharing or saving to a file.
QR codes in the rounded, liquid, square, dots, triangle, separated, gradient and logo styles
Real, scannable codes rendered by the library. Try every option →

Getting started

Install it in a bare React Native app or with Expo by following Installation, then style your first code in the Playground, which shows the props for every option you pick.

Documentation
Styling Shapes, gaps, eyes, colors and gradients, size and quiet zone
Logos Logos that still scan, and how big they can be
Scannability What the scan tests check and what the defaults do for you
SVG without React qrCodeToSvgString and encodeQr for servers, sharing and other renderers
Custom renderer Draw every module yourself
Migrating to 2.1 · Troubleshooting
API reference Every prop and function

Example apps

apps/rn-cli-example (bare React Native) and apps/expo-example (Expo Go, development build and web) show the same interactive demo. See CONTRIBUTING.md to run them.

Contributing

Issues and pull requests are welcome. CONTRIBUTING.md covers the monorepo, tests and releases.

License

MIT