Aurum · P2P Market — Web3 Flutter screen
Web3
63 views

Aurum · P2P Market

Aurum · P2P Market is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-p2p-offers.

The P2P market screen for the Aurum crypto wallet lists peer-to-peer USDC offers under a forced-dark Binance-style theme. A pill segmented control at the top toggles between "Buy USDC" (green tint) and "Sell USDC" (red tint); tapping a segment flips the active state and recolors the trade button on every card via setState. Below it, a ListView.separated renders merchant offer cards inside rounded, hairline-bordered Containers. Each card pairs a colored monogram avatar (first letter only — no glyph fonts, no network images) with the merchant name, a green thumbs-up rating like 99.2%, and a trade count such as "1842 trades". The right column shows the per-USDC price (e.g. $1.001) rendered with tabular figures so digits stay aligned, plus a "per USDC" caption. A second row lists the fiat limit ("Limit $100 – 5,000"), wrapped payment-method chips (Bank, Wise, Revolut, SEPA), and a Buy/Sell FilledButton whose label and fill follow the toggle. Built in pure Flutter (Material 3, bundled Inter font); onBack and onTrade 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

  • web3_p2p_offers_screen.dart — one self-contained StatefulWidget, pure Flutter, bundled Inter font
  • Buy/Sell USDC segmented toggle that recolors every card's action button via setState (green up / red down)
  • Merchant offer cards with letter-monogram avatars (CustomPaint-free, no glyph fonts, no network images)
  • Per-offer rating %, trade count, tabular-figure price-per-USDC, fiat limit and wrapped payment-method chips
  • ListView.separated with rounded hairline-bordered cards over a #0B0E11 dark exchange theme
  • onBack and onTrade VoidCallback hooks so navigation and order routing stay backend-agnostic

Use cases

  • Crypto wallet app offering peer-to-peer stablecoin buy/sell against local fiat
  • Exchange onboarding flow where users pick a vetted merchant before opening a trade
  • Web3 super-app P2P tab listing offers with rating, limits and payment rails
  • Fiat on/off-ramp marketplace comparing per-USDC pricing across merchants

Related screens