Aurum · NFT Detail
Aurum · NFT Detail is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-nft-detail.
A single-token NFT detail screen for the Aurum crypto-wallet app. The hero is a square, rounded-corner artwork ("Prism #218") drawn entirely by an _NftArtPainter CustomPainter from a fixed seed (7714): a diagonal HSV gradient backdrop, six translucent layered circles, and a rotated translucent square — a deterministic LCG (no Math.random, no network image) so it renders identically offline. Below it a tappable row shows the gold "Prisma" collection name with a verified badge and a "View collection" chevron, then the large "Prism #218" title. A bordered surface card splits Price (1.24 ETH, ~$3,407.64) and Last sale (0.98 ETH, 14 days ago) across a thin vertical divider. A "Traits" section uses a non-scrolling 2-column GridView of bordered tiles (Background/Nebula 12%, Body/Chrome 6%, Eyes/Laser 3%, Aura/Gold 1%) each showing rarity. A pinned bottom bar holds an outlined "Send" button and a flex-weighted gold "Buy for 1.24 ETH" FilledButton. Built in pure Flutter with a forced dark theme, bundled Inter font, and onBack/onBuy/onSendNft/onCollection callbacks for backend-agnostic wiring.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_NftArtPainter CustomPainter generating seeded procedural NFT art (LCG gradient + 6 translucent circles + rotated square) with no network image
- ✓Verified-collection header row (gold Prisma name, verified_rounded badge, View collection chevron) wired to an onCollection callback
- ✓Price vs Last-sale split card with thin vertical hairline divider showing 1.24 ETH/~$3,407.64 and 0.98 ETH/14 days ago
- ✓Non-scrollable 2-column traits GridView of bordered tiles with rarity percentages (Nebula 12%, Chrome 6%, Laser 3%, Gold 1%)
- ✓Pinned bottom action bar with outlined Send button and flex-2 gold Buy-for-price FilledButton, SafeArea-padded
- ✓Forced dark ThemeData, bundled Inter font, and onBack/onBuy/onSendNft/onCollection VoidCallbacks for backend-agnostic wiring
Use cases
- ✓Crypto wallet app showing a single owned or listed NFT with buy and transfer actions
- ✓NFT marketplace token page surfacing price, last sale and rarity traits
- ✓Web3 collectibles app where artwork is generated on-device instead of fetched
- ✓DeFi or exchange super-app's collectibles tab linking out to a full collection view
