Aurum · Selfie Check — Web3 Flutter screen
Web3
77 views

Aurum · Selfie Check

Aurum · Selfie Check is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-kyc-selfie.

The Aurum Selfie Check is the liveness-capture step of a crypto-wallet KYC flow. On a near-black canvas a centered "Selfie check" app bar with a back chevron sits above a large face-framing oval drawn by a CustomPainter: a faint hairline ring plus a rounded-cap gold progress arc (0xFFF0B90B) starting at top and sweeping ~60% around, with a muted person glyph at center standing in for the live camera feed. Below is a rounded card listing three numbered liveness tips — center your face, look straight, blink slowly — each with a gold-numbered chip. A full-width gold "Capture selfie" FilledButton.icon with a face-retouching icon anchors the bottom. Pure Flutter (SDK + dart:math): the oval and arc are stroked via Canvas.drawOval and drawArc with a clamped progress and shouldRepaint guard, laid out as an Expanded AspectRatio over a Column, using the bundled Inter font and a forced dark Theme so it renders standalone. Backend-agnostic — onBack and onCapture callbacks wire it to any camera, liveness SDK, or KYC provider, with no network image or glyph dependency.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _FaceGuidePainter CustomPainter drawing a hairline oval ring plus a rounded-cap gold progress arc from drawOval/drawArc with a clamped progress value
  • Centered face-framing oval built from an Expanded AspectRatio (0.82) with a muted person glyph standing in for the live camera preview
  • Numbered liveness instruction card with three steps (center face, look straight, blink slowly) using gold circular index chips on a bordered surface
  • Full-width gold 'Capture selfie' FilledButton.icon with a face-retouching icon wired to an onCapture callback
  • Centered 'Selfie check' AppBar with a back chevron driven by an onBack callback
  • Forced dark ThemeData, bundled Inter font, and a backend-agnostic API with no network images or emoji glyphs

Use cases

  • Liveness selfie step in a crypto wallet or exchange KYC onboarding flow
  • Identity verification capture screen for a fintech or neobank account opening
  • Anti-spoofing face-match check before unlocking high-value transfers or withdrawals
  • Biometric enrollment screen for a DeFi or Web3 app gating regulated features

Related screens