Pulse · Intro Carousel
Pulse · Intro Carousel is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-onboarding-intro.
A first-run onboarding carousel that sells Pulse across three swipeable value slides before a user ever signs in. Top-right sits a muted Skip TextButton that fires the injected onSkip callback. The center is a PageView.builder holding three _SlideView pages: each stacks a square AspectRatio illustration over a 25px bold Inter title (feed 'A feed that keeps up', chat 'Messaging, done right', community 'Find your people') and a 15px body line. Every illustration is drawn by a single CustomPainter, _IllustrationPainter, on a rounded surface card with a soft indigo glow behind it — _paintFeed stacks two post cards with an avatar dot, hairline text bars, and a gradient media block; _paintChat lays alternating received/sent bubbles via a _bubble helper; _paintCommunity wires five avatar nodes to a central brand hub stamped with a white check path, so the screen ships with zero raster assets. A centered row of AnimatedContainer dots grows the active pill to 22px in _accent while the rest stay 7px hairline, and a full-width _brand FilledButton reads Next until the last page, then flips to Get started and fires onDone. Palette is the Pulse dark near-mono set (bg 0xFF0B0B0F, surface 0xFF15151B, indigo brand 0xFF6E56F7, accent 0xFF9B8CFF) with the bundled Inter font, its own ThemeData.dark, SafeArea, and an overflow-proof Column layout. Fully self-contained pure Flutter and backend-agnostic — every action is an injected callback, so it drops into any auth or routing stack with no network dependency.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_IllustrationPainter CustomPainter that vector-draws all three slides (feed/chat/community) with a blurred indigo glow, so no image assets ship
- ✓_paintFeed, _paintChat (with _bubble helper) and _paintCommunity routines rendering post cards, alternating chat bubbles, and a linked avatar-hub graph with a white check path
- ✓PageView.builder carousel over a typed _Slide list with onPageChanged state tracking and easeOutCubic programmatic paging
- ✓Animated segmented dot indicator: AnimatedContainer pills that expand the active page to 22px _accent and shrink the rest to 7px hairline
- ✓Skip / Next / Get started controls wired to injected onSkip and onDone VoidCallbacks, with Next auto-flipping to Get started on the final slide
- ✓Bundled Inter font, Pulse dark near-mono + indigo #6E56F7 theme, ThemeData.dark, and a SafeArea overflow-proof Column
Use cases
- ✓First-run onboarding walkthrough shown before the Pulse welcome or sign-up screen
- ✓Value-proposition carousel highlighting feed, messaging, and communities to new users
- ✓Reusable intro-slides template repurposed for any product by swapping the three _Slide entries and painter kinds
- ✓Skip-to-auth entry point where returning users bypass onboarding straight into the login flow
