Aurum · Connect Wallet
Aurum · Connect Wallet is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-connect-request.
Aurum Connect Wallet is the WalletConnect-style approval sheet a crypto wallet shows when a dApp asks to link. It rises over a 55%-black scrim that is itself a full-bleed GestureDetector, so tapping outside fires onReject. Inside the rounded dark sheet: a 40x4 drag handle, a 60x60 CustomPaint logo (a tinted rounded square with three seeded translucent circles plus a "US" label, so no network image or emoji glyph is needed), the bold "Connect to UniSwap" title, and a green lock icon beside the verified host "app.uniswap.org". A "Select account" picker lists two wallets (Main 0x8f3a…9D02, 4.21 ETH and Trading 0x71C2…4e2F, 0.86 ETH); tapping a card calls setState, swaps the radio to checked and switches the border to the gold brand colour. A grey "This app will be able to" panel spells out two permissions with green check_circle icons. A pinned 50px row pairs an outlined Reject button with a gold filled Connect button, wired to onApprove and onReject. Pure Flutter (Material 3, forced dark theme, bundled Inter font), backend-agnostic via two 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
- ✓Bottom sheet over a tap-to-dismiss 55% black scrim built from a Positioned.fill GestureDetector wired to onReject
- ✓Seeded _LogoPainter CustomPaint dApp badge: a tinted RRect clipping three translucent circles, with no network image or font glyph
- ✓Verified-host row pairing a green lock_rounded icon with the app.uniswap.org origin label
- ✓Tappable account picker (Main and Trading, masked 0x… addresses and ETH balances) that setState-swaps the radio and gold border on select
- ✓Permissions panel that lists what the dApp can do, each line marked with a green check_circle_rounded icon
- ✓Pinned 50px action bar: outlined Reject plus gold FilledButton Connect, both driven by the onApprove / onReject callbacks
Use cases
- ✓Self-custody crypto wallet approving a dApp connection request via WalletConnect
- ✓DeFi app onboarding where users pick which wallet account to expose to a protocol
- ✓NFT or DEX client asking the wallet for read access and transaction-approval rights
- ✓Web3 super-app permission prompt confirming the verified origin before linking an account
