Aurum · Create or Import — Web3 Flutter screen
Web3
45 views

Aurum · Create or Import

Aurum · Create or Import is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-onboarding-choose-path.

This is the fork-in-the-road step of Aurum's wallet onboarding. Under a bold "Set up your wallet" heading and a muted subline ("Create a brand-new wallet or restore an existing one — you can add more later"), two large tappable cards sit on a near-black #0B0E11 canvas. The first card carries a gold plus-in-a-rounded-square glyph, the title "Create a new wallet", a gold "Recommended" pill, and copy about generating a fresh 12-word recovery phrase. The second uses a green download-into-tray glyph for "Import existing wallet", offering restore via recovery phrase, private key or hardware device. Each card has a tinted icon chip, a trailing chevron, and a hairline border. A pinned footer pairs a painted padlock with a self-custodial reassurance ("We never see or store your keys"). Built in pure Flutter: a circular back button, two reusable _PathCard InkWell widgets, and all three icons drawn by CustomPainter — no image assets. A forced dark Theme, bundled Inter font, and onCreate/onImport/onBack callbacks keep it drop-in.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Two reusable _PathCard widgets built on Material + InkWell with tinted icon chips, optional 'Recommended' pill, and trailing chevron
  • Three CustomPainter icons — a plus-in-square (create), a download-into-tray arrow (import), and a stroked padlock — so no network or asset images are needed
  • Pinned self-custodial security footer pairing the painted lock with a non-custodial reassurance line
  • onCreate, onImport and onBack VoidCallback hooks so routing stays backend-agnostic
  • Forced ThemeData.dark with the exchange palette (gold #F0B90B brand, green #2EBD85 accent) and bundled Inter font
  • Circular back button and stretch Column layout with a Spacer that floats the footer to the safe-area bottom

Use cases

  • Onboarding flow for a self-custodial crypto or Web3 wallet app
  • First-run setup where users choose between a fresh wallet and restoring one
  • DeFi or NFT app needing a create-vs-import branch before key generation
  • Exchange or trading app adding a non-custodial wallet alongside its account

Related screens