Aurum · Market Filters — Web3 Flutter screen
Web3
76 views

Aurum · Market Filters

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

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.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

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

Related screens