Aurum · NFTs — Web3 Flutter screen
Web3
76 views

Aurum · NFTs

Aurum · NFTs is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-nft-gallery.

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.

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

Licensed for unlimited commercial projects · resale prohibited · License

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

Related screens