Aurum · Notifications — Web3 Flutter screen
Web3
57 views

Aurum · Notifications

Aurum · Notifications is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-home-notifications.

A dark, Binance-toned notifications inbox for the Aurum crypto wallet. Alerts group under "Today" and "Yesterday" muted day headers, each card pairing a rounded tinted icon tile with a bold title, a muted body line, a relative timestamp (2m, 1h, 3h, 1d) and an amber unread dot. Five alert kinds get their own colour-and-icon language: green trending-up for "BTC is up 2.4%", red trending-down for "SOL dropped 3.2%", green gift for staking rewards and launchpad, amber shield for "New device signed in", blue swap arrows for confirmed deposits. The amber "Mark all" AppBar action clears every unread dot at once and dims itself once nothing is unread; tapping a single card marks just that one read. Built as one self-contained StatefulWidget in pure Flutter (Flutter SDK + dart: only), it bundles the Inter font and forces a dark ThemeData so it drops into any route. Cards are Material + InkWell over a ListView; icons and dots use framework primitives — no images or packages. Backend-agnostic onBack and onTap(String) callbacks wire real navigation and deep-links.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Day-grouped feed (Today / Yesterday headers) rendering a ListView of bordered Material+InkWell notification cards
  • Five typed alert kinds (priceUp, priceDown, reward, security, transfer) each with its own tinted icon tile colour and Icons glyph
  • Amber unread dots plus an AppBar 'Mark all' TextButton that clears every dot and self-dims when nothing is unread
  • Per-card tap that marks only that alert read via setState and fires onTap(String title) for deep-linking
  • Bundled Inter font, forced dark ThemeData and Binance-style palette (0xFF0B0E11 bg, 0xFFF0B90B brand) for standalone rendering
  • Relative timestamps (2m, 1h, 3h, 1d) and muted two-line bodies, all built from pure-Flutter widgets with onBack callback

Use cases

  • Notification center for a crypto wallet or exchange app surfacing price, reward and security alerts
  • Activity inbox for a DeFi or staking dApp showing rewards earned and launchpad allocations
  • Security-alert feed flagging new-device logins and confirmed deposits in a Web3 finance app
  • Price-alert digest screen where triggered watchlist thresholds and 24h moves land grouped by day

Related screens