Aurum · Market Filters
Aurum · Market Filters is a production-ready Web3 Flutter screen from FlutterKit — free, with full source code.
A modal filter panel for Aurum's crypto markets, drawn as a rounded sheet over a dimmed scrim with a grab handle, a bold "Filters" title and a close (X) button. The scrollable body groups controls under muted labels: a "Sort by" single-select radio list (Market cap, 24h volume, Price, Top gainers, Top losers) where the active row shows a gold checked radio and brighter text; a "Quote currency" Wrap of multi-select chips (USDT, USDC, BTC, ETH) that tint gold-on-translucent when chosen; a "Market type" segmented control (Spot / Futures / Margin) with a gold-bordered active pill; and a "24h change" Wrap of single-select chips (Any, > 0%, > 5%, > 10%, < 0%). A hairline divider sits above a pinned bar with an outlined Reset and a gold filled "Apply filters" button. Pure Flutter: state lives in setState (a sort index, a Set of quotes, type and range indices), graphics use Material icons and BoxDecoration borders with a Binance-style gold accent — no images or packages. Forced dark Theme, bundled Inter font and onApply/onReset/onClose callbacks make it a backend-agnostic drop-in route.
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
- ✓Single-select 'Sort by' radio list (Market cap, 24h volume, Price, Top gainers, Top losers) driven by an int index in setState
- ✓Multi-select 'Quote currency' chip row (USDT/USDC/BTC/ETH) backed by a Set with gold-tinted selected state via reusable _Chip widget
- ✓Custom _Segmented Spot/Futures/Margin control built from Expanded tappable cells with a gold-bordered active pill
- ✓'24h change' single-select chip group (Any, > 0%, > 5%, > 10%, < 0%) wired through the same _Chip component
- ✓Pinned bottom action bar: outlined Reset (restores defaults) plus gold FilledButton 'Apply filters', each at fixed 52px height
- ✓Sheet-over-scrim layout with grab handle, close button and onApply/onReset/onClose callbacks; bundled Inter font, forced dark theme, no glyphs
Use cases
- ✓A crypto exchange or Web3 wallet refining a coin/market list by sort order, quote pair and 24h move
- ✓A trading app's filter sheet for switching between Spot, Futures and Margin market views
- ✓A DeFi portfolio tracker letting users narrow assets to gainers, losers or a percentage threshold
- ✓Any markets or watchlist screen needing a reusable bottom-sheet filter with reset and apply actions
