Aurum · Connected Sites
Aurum · Connected Sites is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-connected-sites.
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.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
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
