Aurum · Send — Web3 Flutter screen
Web3
53 views

Aurum · Send

Aurum · Send is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-send-address.

The opening step of Aurum's ETH send flow: choosing who to pay. A centered "Send ETH" app bar sits above a "Recipient" field on a dark #0B0E11 canvas — a rounded #161A1E box with a hairline border holding an "Address or ENS name" TextField, an amber #F0B90B "Paste" action that pulls from the system clipboard, and a QR scan glyph. Below, two grouped lists — "Recent" (Coinbase, Ledger Live) and "Saved addresses" (Alex Reyes, Treasury, Cold Wallet) — render each entry as a tinted circular monogram avatar, a name, a truncated 0x… address, and a chevron. A pinned bottom bar holds a full-width "Continue" FilledButton that stays disabled (grey) until the typed address passes a length check, then turns amber. Built in pure Flutter: a ListView body, Material TextField with Clipboard.getData paste, monogram avatars drawn with Container circles and alpha-tinted colors (no network images, no emoji glyphs), the bundled Inter font, and a forced dark Theme so it drops in standalone. onBack, onNext, and onSelectContact callbacks keep it backend-agnostic.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Web3SendAddressScreen StatefulWidget with onBack / onNext / onSelectContact callbacks
  • Recipient TextField accepting an address or ENS name, with an amber Paste button wired to Clipboard.getData and a QR-scan icon
  • Live validation: Continue FilledButton stays disabled until the address is 8+ chars, then flips to the amber brand color
  • Recent and Saved address lists built from a typed _Contact model with name, truncated 0x address and tint color
  • Tinted circular monogram avatars rendered from the contact's first letter — no network images, no emoji glyphs
  • Pinned SafeArea bottom bar, bundled Inter font, and a forced dark ThemeData so the route renders standalone

Use cases

  • Recipient-picker step in a self-custody Ethereum or multi-chain wallet send flow
  • Crypto exchange withdrawal screen for entering or pasting a destination wallet address
  • Address-book contact selection for a DeFi or DAO treasury payout app
  • ENS-aware payment entry in a Web3 super-app before amount and fee steps

Related screens