Aurum · Trending
Aurum · Trending is a production-ready Web3 Flutter screen from FlutterKit — free, with full source code.
Aurum · Trending ranks the eight most-searched coins over the last 24 hours, headed by a fire-icon callout card ("Most searched on Aurum in the last 24 hours") in a gold-tinted, gold-bordered box. Each row is one tap-target: a gold rank number (top three highlighted, rest muted), a tinted circular ticker badge (PEP, WIF, SOL, TIA, JUP, BON, RND, SEI) painted from initials with no logo images, the coin name, a search icon beside a gold search-interest meter, a compact sparkline, and a right-aligned price with a signed percent delta colored green for gains or red for losses (Solana -3.18%, Bonk -4.12%). Prices auto-format by magnitude — thousands get comma grouping, sub-cent meme coins drop to seven decimals — with tabular figures aligning columns. Built in pure Flutter on a forced dark Material 3 theme: a ListView of InkWell rows, while the meter and each sparkline are bespoke CustomPainters (_InterestBar rounds a fill track; _Spark normalises points to a stroked path). Bundled Inter font keeps it self-contained; nav is backend-agnostic via onBack and onCoinTap(ticker).
Full tutorial coming soon.
The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.
What's included
- ✓Fire-icon trending callout card in a gold-tinted, gold-bordered Container header
- ✓Eight ranked InkWell rows with gold rank numbers (top-3 emphasised, rest muted)
- ✓Tinted circular ticker badges painted from coin initials — no network logos or glyphs
- ✓_InterestBar CustomPainter: a rounded search-interest meter per coin (0..1 fraction)
- ✓_Spark CustomPainter: min/max-normalised price sparkline, green up / red down
- ✓Magnitude-aware price formatter with comma grouping and tabular-figure alignment
Use cases
- ✓A 'Trending now' tab in a crypto wallet or exchange app like Aurum
- ✓A discovery surface ranking coins by in-app search demand over 24 hours
- ✓A meme-coin and altcoin hype board pairing search interest with price momentum
- ✓A markets home widget driving users into per-coin detail via onCoinTap
