Aurum · Deposit — Web3 Flutter screen
Web3
58 views

Aurum · Deposit

Aurum · Deposit is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-deposit-select-coin.

The first step of Aurum's crypto deposit flow: "which coin are you receiving?". A centered "Deposit crypto" AppBar with a back chevron sits above a rounded, hairline-bordered search field ("Search coin to deposit") on the deep #0B0E11 background. Below, a ListView.separated renders nine assets — Bitcoin, Ethereum, Tether, USD Coin, Solana, BNB, Chainlink, Polygon and Avalanche — each row pairing a circular ticker badge (drawn purely from the coin's brand tint at 16% fill with a 50% stroke ring, three-letter label, no image asset or glyph font), the coin name and symbol, a smart-pluralized "N network(s)" hint, and a chevron. Typing filters live by ticker or name via setState, with a graceful "No coins match your search." empty state. Built in pure Flutter (SDK + dart: only): a forced ThemeData.dark so it renders standalone as a route, the bundled Inter font, InkWell row taps, and backend-agnostic onBack / onSelect(ticker) callbacks so you wire it to any wallet or exchange backend.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • web3_deposit_select_coin_screen.dart — a single self-contained StatefulWidget, no external packages
  • Live search field filtering 9 seeded coins by ticker OR name through setState, with an empty-results message
  • Painter-style circular ticker badges built from each coin's brand tint (16% fill + 50% stroke ring), zero image or glyph assets — NO-GLYPH safe
  • Smart-pluralized per-coin network counts ('1 network' vs 'N networks') feeding the next deposit-network step
  • onSelect(ticker) and onBack callbacks plus InkWell rows — backend-agnostic, drop into any wallet stack
  • Forced dark theme (#0B0E11 / #161A1E surfaces, Inter font) so the route renders standalone

Use cases

  • Crypto wallet app where users pick which asset to receive before showing an address
  • Centralized exchange deposit funnel that branches into network selection per coin
  • DeFi or Web3 portfolio app adding an on-chain receive flow
  • Neobank or fintech app bolting a crypto deposit option onto its menu

Related screens