Aurum · NFT Collection
Aurum · NFT Collection is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-nft-collection.
The Aurum NFT Collection screen opens with a 130px gradient banner painted entirely by a seeded CustomPainter (_NftArtPainter): layered translucent circles and a rotated square over a diagonal HSV gradient, with a back chevron pinned top-left. Below it the verified "Prisma" collection title sits beside a gold check, a "Generative on-chain art · 10,000 items" subtitle, and a rounded stat card splitting four columns: Floor 1.18 ETH, Volume 8.4K ETH, Items 10,000, Owners 4,182. A horizontally scrolling sort row offers Price low / Price high / Rarity / Recent pills, with the active pill filled in gold (state held in _sort, toggled via setState). The body is a 2-column SliverGrid of NFT cards at 0.72 aspect ratio; each tile renders its own unique procedural artwork from a fixed numeric seed, then shows the item name (Prism #218 onward) and a gold tabular-figure ETH price. Pure Flutter (dart:math + material only), bundled Inter font, forced dark theme, no network images or glyph art. Taps route through onBack and onNftTap callbacks, keeping it fully backend-agnostic.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Seeded _NftArtPainter CustomPainter generating the gradient banner and every NFT tile's art deterministically via an LCG (no Math.random, no network images)
- ✓Four-column stat card (Floor, Volume, Items, Owners) built from a reusable _Stat widget with Inter w800 values over muted labels
- ✓Horizontal sort-pill row (Price low / Price high / Rarity / Recent) with a gold active state managed by _sort plus setState
- ✓CustomScrollView with a SliverToBoxAdapter header and a 2-column SliverGrid of tappable NFT cards at 0.72 aspect ratio
- ✓Per-tile collection name and gold ETH price using tabular figures, on clipped antialiased rounded cards with hairline borders
- ✓onBack and onNftTap VoidCallbacks plus a forced ThemeData.dark theme and bundled Inter font for standalone routing
Use cases
- ✓Collection landing page inside an NFT marketplace or wallet's discovery tab
- ✓Generative-art drop showcase with live floor, volume and owner counts
- ✓Web3 portfolio app browsing a single collection before opening an item
- ✓Crypto super-app's NFT section listing items with on-chain-style stats and sorting
