Aurum · Leverage
Aurum · Leverage is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-leverage.
Aurum · Leverage is the position-leverage adjuster for the Aurum Web3 exchange. A huge "10x" readout sits below an "Adjust leverage" app bar, with a "Standard" / "High risk" subtitle that flips to red once leverage hits 25x. Below it a CustomPainter draws a green-amber-red gradient track whose fill width tracks the chosen multiplier, overlaid with a Material Slider (1-125) whose thumb recolors from brand amber to red in the risky zone. A row of seven snap pills (1, 5, 10, 25, 50, 75, 125) lets traders tap exact stops; the active pill gets an amber border and label. A summary card recomputes live as leverage changes: Position size $1,000, Required margin (1000/lev), a fixed $64,130 entry, and an Est. liquidation price (entry x (1 - 1/lev)) shown in red with tabular figures. A tinted warning panel with a triangle icon swaps copy and color between a mild profit/loss note and a hard 25x liquidation caution. A pinned amber "Confirm 10x" button fires onConfirm(lev). Pure Flutter, bundled Inter font, forced dark theme, no network images; onBack/onConfirm 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
- ✓_TrackPainter CustomPainter drawing a green-amber-red gradient fill bar whose width maps the (lev-1)/124 fraction
- ✓Transparent-track Material Slider (min 1, max 125) with a thumb that recolors amber to red past the 25x risk threshold
- ✓Seven tappable snap pills (1, 5, 10, 25, 50, 75, 125) that highlight the active multiplier with an amber border
- ✓Live summary card: position size, required margin (1000/lev), $64,130 entry, and red est. liquidation with tabular figures
- ✓Adaptive warning panel that swaps color and copy between a standard note and a hard 25x liquidation caution
- ✓Pinned amber Confirm button reflecting the chosen multiplier, wired to onConfirm(int) plus an onBack callback
Use cases
- ✓Setting position leverage before opening a margin or futures trade in a crypto exchange app
- ✓A perpetuals or derivatives wallet needing a clear 1x-125x risk slider with liquidation preview
- ✓Onboarding flows that must surface leverage risk warnings before a user confirms
- ✓Any trading UI that wants a painter-driven gradient leverage control with snap presets
