Aurum · Earn Product
Aurum · Earn Product is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-earn-product-detail.
A staking product-detail screen for the Aurum web3 wallet, set in a forced dark Binance-style palette (0xFF0B0E11 canvas, F0B90B brand yellow, 2EBD85 green). The top card shows a large 40px "6.8%" Estimated APY in green. Below, a "Lock period" section renders four tappable tier chips — Flexible, 30 days, 90 days, 180 days — built from a Wrap of GestureDetectors; the active chip glows yellow (brand at 16% alpha with a yellow border) and selecting it drives setState so the APY header retunes (4.2 / 6.8 / 9.5 / 12.4%) and the Redemption row updates. A "Rewards accrual" card hosts a 96px CustomPaint bar chart (_BarMiniPainter) that draws eight rounded growth bars whose opacity ramps left-to-right to convey compounding. A terms card lists Min. stake 0.10 SOL, Rewards Daily auto-compounded, Redemption "{tier} unlock", and Network Solana via a reusable _kv row. A pinned bottom bar holds a full-width yellow "Stake now" FilledButton. Pure Flutter, bundled Inter font, no network images; onBack and onStake callbacks keep it 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
- ✓Web3EarnProductDetailScreen StatefulWidget with onBack and onStake VoidCallbacks for backend-agnostic wiring
- ✓Four-tier lock-period selector (Flexible/30/90/180 days) as a Wrap of GestureDetector chips with brand-glow active state
- ✓Live APY header (40px green) that retunes 4.2–12.4% and updates the Redemption row on tier selectState
- ✓_BarMiniPainter CustomPaint rewards-accrual chart: eight rounded bars with left-to-right opacity ramp, no glyphs
- ✓Terms card built from a reusable _kv row: Min. stake 0.10 SOL, daily auto-compounded rewards, dynamic unlock, Solana network
- ✓Pinned bottom Stake now FilledButton in brand yellow with SafeArea, plus bundled Inter font and forced dark theme
Use cases
- ✓A crypto-wallet earn flow where users pick a lock term before staking SOL
- ✓A DeFi staking app product page surfacing APY, accrual and redemption terms
- ✓An exchange app's yield/savings detail screen with tiered lock periods
- ✓A neobank-style web3 product showing auto-compounded daily staking rewards
