Aurum · Quick Actions
Aurum · Quick Actions is a production-ready Web3 Flutter screen from FlutterKit — free, with full source code.
A modal "Quick actions" bottom sheet for the Aurum crypto wallet. It floats above a 60% black scrim (tap-to-dismiss via a full-bleed GestureDetector wired to onDismiss) and slides up from the bottom with a 24px top-rounded #0B0E11 panel, a hairline top border, and a centered 40x4 grab handle. Below a bold "Quick actions" title sits a non-scrolling 4-column GridView.builder of eight tiles at a 0.86 aspect ratio: Buy (+, amber), Sell (−, red), Send (up arrow, green), Receive (down arrow, green), Swap, Stake, Pay (QR scan), and More. Each tile is a Material+InkWell card with a rounded #161A1E surface, a 40x40 rounded icon chip filled at 14% of the action's tint color, the Material icon at full tint, and a w600 label underneath. Pure Flutter, Flutter SDK + dart: only — graphics are Material Icons and BoxDecoration, no images. It forces ThemeData.dark so it renders standalone as a route, bundles the Inter font, and is backend-agnostic: every tile reports its label through an onAction(String) callback while onDismiss closes the sheet.
Full tutorial coming soon.
The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.
What's included
- ✓Modal bottom sheet over a 60% black scrim with full-bleed tap-to-dismiss GestureDetector wired to onDismiss
- ✓Eight-tile 4-column GridView.builder (Buy, Sell, Send, Receive, Swap, Stake, Pay, More) at 0.86 aspect ratio, shrinkWrap + NeverScrollableScrollPhysics
- ✓_ActionTile: Material+InkWell card with #161A1E surface, hairline border, and a 40x40 icon chip filled at 14% of the action tint
- ✓Color-coded Material Icons (amber Buy, red Sell, green Send/Receive/Stake, QR-scan Pay) with w600 Inter labels
- ✓Centered grab handle, 24px top-rounded #0B0E11 panel, hairline top border, and SafeArea bottom padding
- ✓onAction(String) per-tile callback and onDismiss, ThemeData.dark forced, bundled Inter font, pure Flutter (dart: only)
Use cases
- ✓A crypto wallet home screen's primary action launcher for buy/sell/send/receive flows
- ✓A DeFi app surfacing swap, stake, and pay shortcuts from a single tap target
- ✓An exchange mobile app's floating-action sheet for fast trade and transfer entry points
- ✓A fintech or neobank app reusing the tinted action-grid pattern for top-level money actions
