Aurum · Recovery Phrase — Web3 Flutter screen
Web3
80 views

Aurum · Recovery Phrase

Aurum · Recovery Phrase is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-create-seed-phrase.

Step 1 of 3 of Aurum's wallet-creation flow presents the 12-word recovery phrase. On a near-black 0xFF0B0E11 canvas a bold "Your recovery phrase" heading sits above muted guidance to write the words down in order and keep them offline. An amber warning banner ("Aurum support will never ask for it") uses a tinted fill, border and warning_amber icon. The phrase lives in a surface-card grid: six rows of two numbered word chips, each a rounded surfaceAlt pill with a tabular-figure index and the word. Until the user acts, the grid is masked by a BackdropFilter blur (sigma 9), a translucent scrim, a visibility_off badge and "Tap reveal when you're alone". Built in pure Flutter: a StatefulWidget toggling _revealed/_copied, a Stack overlay using dart:ui ImageFilter, ListView body, and a Material InkWell pinned bar swapping "Tap to reveal phrase" for the gold "I've saved it". A copy control stays disabled until reveal. onContinue, onCopy and onBack callbacks keep it backend-agnostic; the bundled Inter font and forced dark Theme render it standalone.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Web3CreateSeedPhraseScreen StatefulWidget with _revealed/_copied state and onContinue/onCopy/onBack callbacks for backend-agnostic wiring
  • Blur-until-reveal Stack using dart:ui ImageFilter.blur (sigma 9) plus translucent scrim, visibility_off badge and 'Tap reveal when you're alone' prompt
  • Six-row grid of twelve numbered _WordChip pills with tabular-figure indices on a hairline-bordered surface card
  • Amber _WarningBanner with tinted fill, border and warning_amber icon reminding users support never asks for the phrase
  • Copy-to-clipboard control that stays muted/disabled until reveal, then flips to a 'Copied' check state
  • Pinned Material InkWell action bar that swaps 'Tap to reveal phrase' for the gold 'I've saved it' continue gate, with 'Step 1 of 3' header and circular back button

Use cases

  • Self-custody crypto wallet onboarding where users back up a new seed phrase
  • Web3 / DeFi app first-run flow before setting a passcode and confirming the phrase
  • Non-custodial exchange or NFT wallet requiring offline recovery-phrase capture
  • Blockchain key-management apps that gate progress on the user confirming they saved their phrase

Related screens