Aurum · Connected Sites
Aurum · Connected Sites is a production-ready Web3 Flutter screen from FlutterKit — free, with full source code.
A forced-dark permissions screen for the Aurum Web3 wallet, on a near-black 0xFF0B0E11 canvas with a centered "Connected sites" AppBar and a back chevron wired to an onBack callback. Below it sits a muted info banner — an info_outline icon beside "These sites can see your address and request approvals. Revoke any you no longer use." Each authorised dApp is a rounded 0xFF161A1E card holding a 44x44 logo, the site name with a green online dot, its URL (app.uniswap.org, app.aave.com, blur.io), a "Connected N ago" line, and a red-tinted Revoke pill. A full-width outlined "Disconnect all" button closes the list. The logos are pure CustomPainter art: a seeded LCG scatters three translucent white circles over a tinted rounded square, so the pink/purple/orange marks render with no network image and no glyphs. Tapping Revoke removes that one site via setState/removeAt; Disconnect all clears the list and reveals an empty "No connected sites" state. Pure Flutter, Inter bundled, backend-agnostic.
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
- ✓Web3ConnectedSitesScreen StatefulWidget with an in-memory List<_Site> (name, url, mono, connected-since, tint, seed)
- ✓_LogoPainter CustomPainter that seeds a small LCG to scatter three 16%-white circles on a tinted rounded square — no asset, no glyph
- ✓Per-card Revoke pill that removes one site via setState(() => _sites.removeAt(i)) with HitTestBehavior.opaque
- ✓Outlined Disconnect all button that clears the whole list and falls through to a 'No connected sites' empty state
- ✓Muted info banner with info_outline_rounded explaining address visibility and approval requests
- ✓Forced ThemeData.dark, bundled Inter font, green online dot, and an optional onBack VoidCallback for navigation
Use cases
- ✓Web3 wallet settings where users audit and revoke dApp connections
- ✓DeFi app permissions screen managing UniSwap/Aave/Blur session access
- ✓Crypto exchange security panel for disconnecting authorised sites
- ✓NFT marketplace companion app showing and revoking wallet connections
