Aurum · Markets — Web3 Flutter screen
Web3
80 views

Aurum · Markets

Aurum · Markets is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-markets-list.

Aurum · Markets is the Tab-2 watchlist of a dark Web3 exchange app. A bold "Markets" header carries search and tune (filter) icons; a horizontal pill bar switches Favorites, Spot, Futures, Gainers and Losers — the active pill glows in Aurum's amber brand. Under a "Name / Vol" vs "Last Price / 24h" header sit dense rows: a tappable star to pin a coin, a tinted circular ticker badge (BTC, ETH, SOL…), the symbol with a muted "/USDT" suffix, 24h volume, a tiny sparkline, the last price in tabular figures, and a signed % chip (green up, red down). Built in pure Flutter (SDK + dart: only), forced into a dark Theme so it renders standalone as a route. Ticker badges and every sparkline are hand-drawn with CustomPainter (no network images, no glyphs) — the painter normalises each point list and strokes a rounded polyline tinted by direction. Tab selection re-derives rows live (Gainers/Losers sort and filter by delta, Favorites filters a Set), the star toggles favourites in setState, and onCoinTap/onFilters/onSearch/onTabSelected 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

  • Web3MarketsListScreen with onTabSelected, onCoinTap, onFilters and onSearch callbacks — fully backend-agnostic
  • Horizontal pill tab bar (Favorites/Spot/Futures/Gainers/Losers) that re-derives, sorts and filters rows by 24h delta live
  • Per-row CustomPainter sparkline (_Spark) that normalises points and strokes a direction-tinted rounded polyline — no images or glyphs
  • Tinted circular ticker badges (_Badge) painted from a brand colour with a lerped label, plus tap-to-pin star favourites kept in a Set
  • Tabular-figure prices via _fmtPrice with thousands grouping, and signed 24h % chips coloured green-up / red-down
  • Bundled Inter font, forced dark Theme, in-box 'No favorites yet' empty state, and a 5-tab bottom nav shell

Use cases

  • Crypto exchange or Web3 wallet app needing a Spot/Futures markets watchlist
  • DeFi or trading dashboard surfacing gainers, losers and favourited pairs
  • Portfolio tracker listing live coin prices with 24h change and mini sparklines
  • Fintech or stocks app reusing the tabbed, data-dense ticker-row pattern

Related screens