Aurum · Profile — Web3 Flutter screen
Web3
22 views

Aurum · Profile

Aurum · Profile is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-profile-hub.

A self-contained Web3 wallet profile screen for the Aurum crypto app, forced to a deep-charcoal (#0B0E11) dark theme so it renders standalone as a route. The header pairs a 60px circular avatar holding an "RS" monogram (gold-tinted Inter, w800) with the ENS-style handle "rohan.eth", under which sit two pill badges: a green "Verified" pill with a verified-check icon and a gold "Tier 2" pill. Below, a rounded surface card shows "Total balance" over a large $24,815.42 figure, with a tappable gold "Go Pro" button (workspace-premium icon) wired to onPro. Settings split into two grouped, hairline-bordered cards built by a private _group() helper that interleaves indent-52 Dividers, and a _tile() helper rendering a gold leading icon, bold title, muted subtitle and chevron: Security (Biometrics, 2FA, passcode), Payment methods, Connected sites (3 dApps), then Preferences, Help and support, and a red danger-styled Sign out with no chevron. Pure Flutter (Material 3, bundled Inter font, no glyphs, no network images); every row is backend-agnostic via VoidCallback hooks.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Single Web3ProfileHubScreen StatelessWidget with five injectable VoidCallback hooks (onBack, onSecurity, onPro, onConnectedSites, onItem)
  • Identity header: gold-tinted circular RS monogram avatar, rohan.eth handle, plus a green Verified pill and a gold Tier 2 pill
  • Balance card showing Total balance $24,815.42 with a tappable gold Go Pro CTA on a bordered #161A1E surface
  • Reusable _group() builder that wraps tiles in a rounded hairline card and auto-inserts indent-52 Dividers between rows
  • Reusable _tile() row with gold leading icon, bold title, muted subtitle, chevron, plus a red danger variant for Sign out
  • Two settings groups (Security, Payment methods, Connected sites / Preferences, Help and support, Sign out) on a Binance-style gold-on-dark palette

Use cases

  • Account and settings hub for a crypto wallet or exchange app like Aurum
  • Profile screen for a Web3 dApp showing ENS handle, verification and KYC tier
  • Settings landing for a fintech or trading app with a Go Pro upsell
  • Connected-sites and security management entry point for a self-custody wallet

Related screens