Aurum · Generating Wallet — Web3 Flutter screen
Web3
51 views

Aurum · Generating Wallet

Aurum · Generating Wallet is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-create-generating.

The Generating Wallet step in Aurum's create-wallet flow, shown on a near-black #0B0E11 background. A 168px CustomPaint spinner sits centered: a grey track ring, a gold (#F0B90B) progress arc that sweeps from the top, a soft blurred "comet" head orbiting the ring, and a live percentage rendered dead-center via TextPainter. Below it, the "Creating your wallet" heading and an AnimatedSwitcher-driven subtitle cross-fade through four phases — "Generating entropy…", "Deriving private keys…", "Creating recovery phrase…", "Securing your wallet…". A vertical checklist mirrors those four steps, each row a painted circle that fills from hairline grey to gold (active) to green (#2EBD85, done) with a check icon. A footer pairs a CustomPainter shield-tick badge with "Keys generated securely on this device". Built in pure Flutter: two AnimationControllers (a repeating spinner plus a 4.4s progress driver), a status listener that fires the optional onComplete callback, and the Inter font bundled. Backend-agnostic — swap the timed driver for real key-gen and keep the visuals.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • web3_create_generating_screen.dart — a self-contained StatefulWidget with TickerProviderStateMixin and an optional onComplete callback
  • _SpinnerPainter CustomPainter: grey track ring, gold sweeping progress arc, blurred comet head, and TextPainter percentage in the center
  • Two AnimationControllers — a 1.4s repeating spinner and a 4.4s progress driver that derives the current step index
  • AnimatedSwitcher subtitle cross-fading four generation phases plus a vertical _StepRow checklist with grey/gold/green dot states
  • _ShieldTickPainter security badge paired with the 'Keys generated securely on this device' reassurance line
  • Forced dark ThemeData, bundled Inter font, and Binance-style palette (#0B0E11, #F0B90B, #2EBD85) for drop-in standalone routing

Use cases

  • Non-custodial crypto wallet onboarding while keys and a seed phrase are derived on-device
  • Web3 / DeFi app create-wallet flow shown between passcode setup and the wallet-ready screen
  • Any multi-step secure provisioning loader that needs live percentage plus a phased checklist
  • Crypto exchange or trading app first-run that reassures users key generation happens locally

Related screens