Aurum · Processing
Aurum · Processing is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-buy-processing.
Aurum's order-processing interlude shown while a crypto buy settles. Near the top is a 132px progress ring drawn entirely by a CustomPainter: a charcoal track circle plus a sweep-gradient arc (gold F7D24C→F0B90B) swept from 12 o'clock, with a bold "62%" label centered inside. Below sit the "Processing your buy" heading and a muted reassurance line ("This usually takes a few seconds. You can keep this open."). A rounded, hairline-bordered card holds a three-step vertical timeline — Order placed (done, green check), Matching (active, filled green dot, green "Filling at the best price" subtitle), Settling (pending, hollow ring) — linked by a 2px rail that turns green as steps complete. A full-width outlined "Cancel order" button pins the bottom. Pure Flutter (SDK + dart: only): forced dark Theme so it renders standalone as a route, bundled Inter font, IntrinsicHeight step rows, three-state logic (done/active/pending) driving colors and connector, and an onCancel VoidCallback keeping it backend-agnostic. 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
- ✓CustomPainter progress ring: charcoal track + sweep-gradient gold arc and centered 62% label, no network image
- ✓Three-state step timeline (Order placed / Matching / Settling) with check, pulse-dot, and hollow markers
- ✓Connector rail that turns green per completed step, built with IntrinsicHeight + Expanded fill
- ✓Reassurance copy block ('takes a few seconds. You can keep this open.') under the bold heading
- ✓Full-width outlined Cancel order button wired to an onCancel VoidCallback for backend-agnostic abort
- ✓Self-contained dark Theme route with bundled Inter font; pure Flutter, dart: only, drop-in
Use cases
- ✓Crypto-exchange app showing buy-order settlement between review and success screens
- ✓Web3 wallet on-ramp confirming a fiat-to-token purchase is matching and crediting
- ✓Any trading app needing a multi-step async progress screen with cancel option
- ✓Payment or transfer flow that surfaces order-placed, matching, and settling stages
