Mobile QR code UI examples

QR code UI examples

• See the flow
  FLYP - Fashion Design Studio↗

  The screen features a large, centered QR code on a light gray background, with the handle '@epicsteps' displayed prominently below it.

• See the flow
  Blinq: Digital Business Card↗

  Top header with close button and title, central QR code area, instructional text, and a bottom list of action buttons.

• See the flow
  Blinq: Digital Business Card↗

  The center of the screen displays a large, square QR code scanning frame overlaid on the camera view, with the instruction 'Scan contact information' above it.

• See the flow
  bergfex: Hiking & Tracking↗

  The screen is a modal overlay with a header containing a title and close button, a central body with instructional text and a QR code, and a bottom-aligned primary action button.

• See the flow
  FLYP - Fashion Design Studio↗

  This screen displays a QR code sharing interface for a user profile or project, identified by the handle '@epicsteps'.

• See the flow
  Deezer: Music Player, Podcast↗

  The screen provides two primary methods for inviting others to a group: a 'Share link' option represented by an arrow icon, and a QR code display.

• See the flow
  PDF Scanner AI: Scan Documents↗

  Below this, a dark gray background frames the camera viewfinder, which is currently focused on a QR code and a barcode on a physical object.

• See the flow
  Fishbrain - Fishing App↗

  The central element is a white card containing a QR code with a circular profile picture of a blue fish in the center.

• See the flow
  ScanAny-PDF Scanner App↗

  This screen shows a QR code scanning interface within a document scanner app.

• See the flow
  Deezer: Music Player, Podcast↗

  The screen features a dark background with a centered header 'Invite your friends' followed by a brief instruction to scan a QR code or share a link.

• See the flow
  Claude by Anthropic↗

  Examples include 'Writing editor', 'Flashcards', 'CodeVerter', 'PyLingo', 'Molecule studio', 'QR code generator', 'Attachment style quiz', 'Your life in weeks', 'Email writing assistant', and 'Bedtime story generator'.

• See the flow
  Fishbrain - Fishing App↗

  The background shows a QR code card with the username 'juliascreens' and a circular profile avatar of a fish.

• See the flow
  Blinq: Digital Business Card↗

  This onboarding screen features a large, centered product mockup of a smartphone home screen displaying a custom QR code widget.

• See the flow
  HBX | Globally Curated Fashion↗

  This screen is a barcode and QR code scanner interface within a fashion retail app.

• See the flow
  ZARA↗

  This is a scanner interface within the Zara mobile app, designed for identifying products via barcode or QR code.

• See the flow
  ScanAny-PDF Scanner App↗

  At the bottom, a horizontal scrollable menu allows the user to select different scanning modes: 'ID CARD', 'DOCUMENT' (currently selected), and 'QR CODE'.

• See the flow
  PDF Scanner AI: Scan Documents↗

  The 'Handle' section includes a grid of actionable tools such as 'Compress Files', 'Merge PDFs', 'Extract Pages', 'Reorder Pages', 'Add Password', 'Add Watermark', and 'Scan QR Code'.

• See the flow
  Tiny Scanner - PDF Scanner App↗

  At the bottom, a horizontal scrolling menu allows the user to select between different scanning modes: QR Code, ID Card, Single, Batch, and Book, with 'Single' currently selected.

• See the flow
  Blinq: Digital Business Card↗

  This screen displays a digital business card for 'Julia Screens' with a modal overlay prompting the user to share their card via a QR code.

• See the flow
  Blinq: Digital Business Card↗

  The screen features a central viewfinder frame for scanning QR codes, with instructional text at the top reading 'Scan contact information' and 'Capture event badges or any contact info'.