Aurum · NFTs
Aurum · NFTs is a production-ready Web3 Flutter screen from FlutterKit — free, with full source code.
The Aurum NFTs gallery is a dark, exchange-styled browse screen for a crypto wallet's collectibles tab. A centered "NFTs" app bar with a back chevron sits above a horizontal row of pill filter tabs — All, Art, PFP and Gaming — where the active pill fills with the gold brand colour and inactive pills stay muted grey. Below, a two-column GridView (childAspectRatio 0.74) lays out six NFT cards: Prism #218, Vault Ape 04, Nebula 77, Glyph Knight, Aether 12 and Pixel Lord. Each card shows a vivid generative artwork up top, then the piece name, its collection label (Prisma, VaultApes, Nebula, etc.) and a "Floor" row ending in a tabular-figures ETH price like 1.24 ETH. The artwork is not an image asset — a custom _NftArtPainter draws it on a CustomPaint from a fixed integer seed: a diagonal HSV gradient backdrop, five layered translucent circles and a bold rotated square motif, all driven by a deterministic LCG so every card is reproducible with no network image and no glyphs. Pure Flutter (Material 3 forced-dark Theme, bundled Inter font), backend-agnostic via onBack and onNftTap callbacks.
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
- ✓Six-card two-column GridView, each card pairing seeded artwork with name, collection label and a tabular-figures floor-price row
- ✓Horizontal pill filter tabs (All / Art / PFP / Gaming) with a gold active state driven by setState
- ✓_NftArtPainter CustomPainter that renders a diagonal HSV gradient, five translucent circles and a rotated square motif — no image assets
- ✓Deterministic LCG seed model (_Nft data class) so every card's procedural art is reproducible without dart:math random
- ✓Forced dark Material 3 Theme with bundled Inter font and an exchange palette (gold #F0B90B brand on #0B0E11 background)
- ✓onBack and onNftTap callbacks for backend-agnostic wiring into a detail view
Use cases
- ✓Collectibles tab inside a crypto or Web3 wallet app
- ✓NFT marketplace home grid for browsing pieces by category
- ✓DAO or community app showcasing member-owned digital art
- ✓Portfolio screen displaying owned NFTs with live floor prices
