background

KendoReact

React QR Code

  • Easily render SVG or canvas QR Codes within your React app. Comes with built-in support for different QR code types and custom overlays.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
QR code header
  • Configurable React QR Code Component

    The new React QR Code component enables you to generate various types of Quick Response (QR) codes within your React app. You get support for different types of QR codes (including the more complex Swiss QR codes) and the ability to add custom overlays like a logo to any QR code. Additionally, the React QR Code supports SVG and Canvas rendering.

    See React QR Code Component demo

    React QR Code component
  • Supported QR Code Types and Overlays

    You can use the KendoReact QR Code to encode a variety of content, including URLs, email addresses, telephone numbers, contact information, SMS short code and geolocations. The React QR Code component also supports different types, including the Swiss QR code format and QR codes with an image overlay.

    See React QR Code Component demo: Overlays

    React QR Code component with image overlay

All KendoReact Components

Next Steps