Aurum · Categories
Aurum · Categories is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-markets-categories.
The Aurum Categories screen breaks the crypto market into browsable sectors instead of one long coin list. A centered "Categories" AppBar with a back chevron sits above a 2-column GridView of eight rounded tiles: DeFi, Layer 1, Meme, AI, Gaming, Layer 2, RWA and Stablecoins. Each tile carries a tinted 46x46 rounded badge with a CustomPainter glyph (stacked layers, hexagon, spark/star, connected node graph, diamond, slabs, isometric cube, target ring), the sector name in bold Inter, a muted "N coins" count, and a tabular-figure 24h delta painted green for gains (+8.74% Meme) or red for losses (-2.31% Gaming). Built as a single StatelessWidget over a fixed _Cat list, it uses SliverGridDelegateWithFixedCrossAxisCount (childAspectRatio 1.18) with Material plus InkWell ripple per tile. Every icon is drawn in _CatIconPainter, with no glyph fonts and no network images, on a forced dark theme (#0B0E11) so it renders standalone as a route. Navigation stays backend-agnostic through onBack and onCategoryTap(name) callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Web3MarketsCategoriesScreen StatelessWidget exposing onBack and onCategoryTap(String) callbacks for drop-in routing
- ✓2-column GridView.builder of 8 sector tiles via SliverGridDelegateWithFixedCrossAxisCount (childAspectRatio 1.18, 12px gaps)
- ✓_CatIconPainter CustomPaint drawing 8 distinct glyph-free icons: layers, hexagon, spark, node graph, diamond, stack, cube and ring
- ✓Per-tile tinted badge, bold Inter name, muted coin count, and signed 24h delta colored green-up or red-down
- ✓Tabular-figure deltas via FontFeature.tabularFigures so percentages stay column-aligned across tiles
- ✓Forced dark ThemeData with a Binance-style palette and Material InkWell ripple on each sector card
Use cases
- ✓Web3 wallet market explorer where users browse coins grouped by sector
- ✓Crypto exchange app section sorting assets into DeFi, AI, Gaming and Layer 2 buckets
- ✓Portfolio or research app landing for drilling into a category detail view
- ✓Token discovery onboarding that surfaces hot sectors by 24h momentum
