Aurum · Earn
Aurum · Earn is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-earn-hub.
The Earn hub lands on a gold-tinted gradient summary card showing "Total earning" $1,284.50 with a green "+$42.18 this month" line, next to a 64px painted yield ring labelled APY. Below, a "Products" section lists four tappable rows — Ethereum Staking (4.2%), Solana Staking (6.8%, 30-day lock), Stable Savings (8.5%, flexible), and a Launchpool · NEW BNB pool (12.4%, 14-day lock). Each row pairs a 48px CustomPaint ring whose arc fills proportionally to its APY (apy/15) and is tinted to the asset's brand colour, a coin ticker chip, a kind badge (Staking / Savings / Launchpool), a lock-period label, and a green tabular-figure APY on the right. Built in pure Flutter: a single ListView, one reusable `_RingPainter` (faint full track plus a rounded clockwise arc from 12 o'clock) for both the summary and per-product rings, an `AppBar` with a back chevron, and a forced dark `ThemeData` so it renders standalone. Backend-agnostic via `onBack` and `onProductTap` callbacks; the bundled Inter font and painter-only graphics mean no glyph icons and no network images.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Gold-gradient summary card with Total earning $1,284.50, +$42.18 monthly delta, and a 64px painted APY yield ring
- ✓Reusable `_RingPainter` CustomPainter drawing a faint track plus a rounded clockwise arc scaled to each product's APY
- ✓Four product rows (ETH staking, SOL staking, USDC savings, BNB launchpool) each with brand-tinted ring, ticker, kind badge and lock label
- ✓Right-aligned APY percentages rendered with tabular-figure FontFeature for clean numeric alignment
- ✓`onProductTap` per-row and `onBack` callbacks for backend-agnostic navigation into product detail
- ✓Self-contained dark Theme, bundled Inter font, no network images or glyph icons — drop-in single ListView screen
Use cases
- ✓Crypto wallet app's staking and savings discovery landing page
- ✓DeFi yield aggregator surfacing APY across staking, savings and launchpool products
- ✓Exchange Earn tab summarising a user's accrued rewards and available pools
- ✓Web3 super-app earn hub routing into per-asset staking product detail screens
