Aurum · Portfolio Home — Web3 Flutter screen
Web3
50 views

Aurum · Portfolio Home

Aurum · Portfolio Home is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-home-portfolio.

The Aurum Portfolio Home is the wallet landing tab of a dark crypto app. A top bar pairs a tinted "RA" avatar with a "Welcome back / Account 1" greeting and circular search and badged-bell buttons. Below, a large $21,822.61 total balance sits beside an eye toggle that masks the figure to bullets, with a green +$412.18 (1.92%) Today pill. A 132px equity curve is drawn by a CustomPainter as a stroked line plus a top-to-bottom gradient fill and a glowing last-price dot; six timeframe pills (1H, 1D, 1W, 1M, 1Y, ALL) swap the normalised series, the active pill in Binance-style gold. A rounded quick-action card holds Buy (gradient gold, shadowed), Send, Receive and Swap. The "Your assets" list renders BTC, ETH, SOL and USDC rows, each with a painted ticker badge, price, colour-coded delta, an inline sparkline painter and a fiat value that also hides on toggle. A five-tab bottom nav anchors it. Pure Flutter: bundled Inter font, no network images or coin glyphs, charts custom-painted, actions wired through optional callbacks (onBuy, onSwap, onAssetTap) so it stays 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

  • Hidable total-balance block with an eye toggle that masks the $21,822.61 figure and every row value to bullets via setState
  • _AreaChartPainter equity curve: stroked line, vertical gradient area fill and a glowing last-price dot, six switchable timeframe series
  • Timeframe pill row (1H/1D/1W/1M/1Y/ALL) that re-paints the chart with the active pill highlighted in brand gold
  • Quick-action card with a gradient, shadowed Buy button plus Send, Receive and Swap, each firing its own VoidCallback
  • Holdings list of painted _TickerBadge rows (BTC, ETH, SOL, USDC) with _SparklinePainter trend lines and red/green deltas
  • Five-tab bottom nav and a top bar with search and badged-bell buttons, all routed through optional callbacks; bundled Inter font, no network images

Use cases

  • A non-custodial Web3 wallet's main dashboard showing portfolio value and assets
  • A centralized-exchange mobile app's home tab with quick buy/send/swap entry points
  • A DeFi portfolio tracker landing screen with timeframe-switchable equity charts
  • A crypto neobank account overview combining balance, holdings and trade shortcuts

Related screens