Aurum · Forgot Passcode — Web3 Flutter screen
Web3
21 views

Aurum · Forgot Passcode

Aurum · Forgot Passcode is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-auth-forgot-passcode.

A dark, non-custodial wallet recovery explainer for the Aurum crypto app. A circular back button sits top-left, below it a rounded amber-tinted tile holding a help/question icon, then the bold "Forgot your passcode?" headline and a muted sub-line stating the passcode never leaves the device and can only be restored with the recovery phrase. A surfaced card with a hairline border lays out two numbered steps in amber index circles: re-enter the 12 or 24-word recovery phrase, then set a new passcode with funds untouched. A red-tinted warning row with a warning-amber icon stresses that without the phrase there is no way to reset access. A solid amber primary button "I have my recovery phrase" and a muted "Reset wallet instead" text button close the flow. Built in pure Flutter: a single StatelessWidget forces ThemeData.dark, uses a SafeArea + Column with Spacer for layout, bundled Inter font, Material/InkWell tap targets, and Material Icons for graphics. Backend-agnostic via onRecover, onReset and onBack VoidCallbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Web3AuthForgotPasscodeScreen StatelessWidget with onRecover/onReset/onBack VoidCallback hooks for backend-agnostic wiring
  • Two-step numbered recovery card (_Step widget) with amber index circles explaining phrase re-entry then new-passcode setup
  • Red-tinted warning callout with warning-amber icon stating no phrase means no reset
  • Amber primary 'I have my recovery phrase' Material/InkWell button plus muted 'Reset wallet instead' TextButton
  • Circular back button (_CircleButton) and amber-tinted help-icon tile header
  • Forced ThemeData.dark, bundled Inter font, exchange-style palette (0xFF0B0E11 bg, 0xFFF0B90B brand, 0xFFF6465D danger)

Use cases

  • Non-custodial crypto wallet recovery flow when a user forgets their app passcode
  • Self-custody DeFi app educating users that funds survive a forgotten passcode via seed phrase
  • Web3 exchange onboarding reinforcing recovery-phrase responsibility before account setup
  • Blockchain wallet support screen routing between phrase recovery and full wallet reset

Related screens