Aurum · Feature Carousel — Web3 Flutter screen
Web3
67 views

Aurum · Feature Carousel

Aurum · Feature Carousel is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-onboarding-carousel.

A swipeable feature tour for the Aurum crypto wallet, built as a Flutter PageView.builder over three slides on a near-black #0B0E11 canvas. Each page centres a 260x260 CustomPaint illustration inside a faint hairline disc: an upward green line chart with gradient fill and last-price dot ("Trade in seconds"), an amber shield with a cut-out keyhole and key stem ("You hold the keys"), and a sweep-gradient yield ring around a center coin ("Put crypto to work"). Below each sits a bold 26px Inter title and a muted body line. A top-right Skip target and a pinned 54px amber "Next" button (flipping to "Get started" on the last page) drive nav; Next calls _controller.nextPage with an easeOutCubic animation, while an AnimatedContainer dot bar stretches the active pip into a 22px amber pill. All graphics are procedural via one _SlidePainter keyed on an enum — no images, no packages. The screen forces ThemeData.dark, bundles Inter, and exposes onDone and onSkip callbacks. Pure Flutter SDK and dart: only.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • web3_onboarding_carousel_screen.dart — a self-contained StatefulWidget with PageController and per-page state
  • Three CustomPainter illustrations from one _SlidePainter: gradient-fill line chart, keyhole shield, and sweep-gradient staking ring
  • AnimatedContainer dot indicator that expands the active dot into a 22px amber pill over 240ms
  • Pinned 54px Material/InkWell CTA that swaps 'Next' for 'Get started' on the last slide via _isLast
  • onDone and onSkip VoidCallback hooks plus a top-right Skip tap target for backend-agnostic navigation
  • Bundled Inter font, forced dark theme, and the #F0B90B / #2EBD85 exchange palette baked in as constants

Use cases

  • First-run feature tour for a crypto wallet or exchange app
  • Onboarding intro that frames trading, self-custody and staking before sign-up
  • DeFi or staking product walkthrough explaining APY and lock periods
  • Reusable swipe-to-continue intro carousel for any dark-themed fintech app

Related screens