• Design systems
  • Components
Submit
  1. Components
  2. QR code

QR code component examples

QR codes encode scannable data for transfer to another device or application.

Also known as QR codes, Qrcode

Open QR Code source example
QR Code from Chakra UI

QR Code

Chakra UI
Open QR Code source example
QR Code from Flowbite

QR Code

Flowbite
Open QR Code source example
QR Code from Shoelace

QR Code

Shoelace

Related categories

Explore adjacent component patterns.

Image

Picture

theme.ts
1const theme = {
2radius: 'sm',
3neutral: 'slate'
4}

Code block

Code, Code editor, Code snippet, Code view, Inline code

⌘+K

Kbd

Key binding hint, Keybinding hint, Keyboard key, Keyboard key group, Keyboard keys, Keyboard shortcut, Keyboard shortcut hint, Keyboard shortcuts

Card title

Card content.

View details

Card

Tile

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery