Cineo · Onboarding — Offline
Cineo · Onboarding — Offline is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-onboarding-intro-3.
The final slide of Cineo's onboarding trio pitches offline viewing on a near-black (#0B0B0F) canvas. A top-right muted 'Skip' TextButton sits above a centered 220x220 hero painted by _DownloadRingPainter: a soft radial brand glow, a purple-gradient poster tile with a faint caption bar clipped inside its rounded rect, a dark track ring, a brand-red-to-crimson SweepGradient progress arc frozen at 72% starting from the top, and a filled red badge at the bottom carrying a hand-drawn down-arrow chevron. Below, a left-aligned block holds a 3-dot page indicator painted by _DotsPainter (the third dot elongated into a brand-red pill), an 800-weight 'Download & go offline' headline with tight negative tracking, and a muted grey blurb about watching on the plane, the train or anywhere with no signal. A full-width 54px _PrimaryButton pill with a top-left-to-bottom-right red gradient reads 'Get Started'. It is self-contained pure Flutter: bundled Inter font, its own ThemeData.dark, SafeArea, painted artwork instead of network images, and overflow-proof fixed heights. Backend-agnostic and drop-in, wired through injected onGetStarted and onSkip callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_DownloadRingPainter: radial glow, gradient poster tile, track ring, red SweepGradient progress arc at 72%, and a down-arrow badge
- ✓_DotsPainter page indicator whose active third dot elongates into a brand-red pill for a 3-of-3 onboarding position
- ✓_PrimaryButton, a full-width 54px pill with a brand-red-to-#B00610 gradient and Material InkWell ripple
- ✓Injected onGetStarted and onSkip VoidCallback hooks and a top-right muted Skip TextButton
- ✓Self-contained cinematic dark theme (#0B0B0F bg, #E50914 brand) with bundled Inter weights and SafeArea
- ✓Left-aligned 800-weight 'Download & go offline' headline plus muted offline-viewing blurb
Use cases
- ✓Final slide of a streaming app's first-run onboarding carousel promoting offline downloads
- ✓Feature-highlight screen introducing a new save-for-offline capability to existing subscribers
- ✓Reusable download-progress hero for a video app's downloads or storage settings screen
- ✓Marketing walkthrough shown before a paywall to justify a premium offline-viewing tier
