Aurum · Top Movers
Aurum · Top Movers is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-markets-top-movers.
Top Movers gives the Aurum wallet a focused 24-hour winners-and-losers board. The screen splits into two parallel columns under pill headers — a green "Gainers" header with an up-triangle and a red "Losers" header with a down-triangle — each backed by a tinted, bordered chip. Below, two independently scrolling ListView.separated columns stack compact coin cards: PEPE, WIF, TIA, DOGE, JUP, SNX on the gain side; BONK, SOL, AVAX, LDO, ARB, XRP on the loss side. Every card shows a circular ticker badge in the coin's own brand tint, the symbol, a muted tabular-figures price (formatted from sub-cent like $0.0000118 up to $152.90), and a full-width signed percent chip (+18.42%, -4.12%) tinted green or red. The up/down triangles are drawn by a single CustomPainter (_ArrowPainter) via a fillable Path — no icon fonts, no glyphs, no network images. Built in pure Flutter on a forced dark ThemeData so it renders standalone as a route; cards are Material + InkWell and fire an onCoinTap(ticker) callback, with onBack on the AppBar, keeping 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
- ✓Dual-column layout: two independent ListView.separated lists for gainers and losers shown side by side
- ✓Pill column headers with CustomPainter up/down triangles inside tinted, bordered green and red chips
- ✓_MoverCard with a circular brand-tinted ticker badge, symbol, muted price and a full-width signed % chip
- ✓_fmt price formatter handling sub-cent (7 decimals), under-1, and thousands-grouped values with tabular figures
- ✓onCoinTap(ticker) and onBack callbacks wired through Material/InkWell, keeping the screen backend-agnostic
- ✓Bundled Inter font and forced dark ThemeData so the route renders standalone with no glyphs or network calls
Use cases
- ✓A crypto wallet's markets tab surfacing the day's biggest 24h winners and losers
- ✓A DeFi or exchange app giving traders a fast gainers-vs-losers glance before drilling into a coin
- ✓A portfolio tracker home screen highlighting momentum across meme, L1 and L2 tokens
- ✓A web3 onboarding flow showcasing live market movement to spark a first trade or watchlist add
