Cineo · Onboarding — Unlimited
Cineo · Onboarding — Unlimited is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-onboarding-intro-1.
The opening onboarding screen for Cineo, a Netflix-style movies and TV app. It stacks three painted layers: a full-bleed masonry poster collage from _PosterCollagePainter (a 3-column grid of gradient duotone tiles across six genre grades — sci-fi, thriller, drama, adventure, classic, fantasy — each with an off-center radial key light, edge vignette, hairline border, faux title bars, and fine film grain, with alternate columns shifted for a masonry feel), then _ScrimPainter laying a bottom-up dark gradient so text stays legible, and a SafeArea Column on top. A top-right Skip TextButton fires onSkip; a Spacer pushes the hero block to the bottom where a bold 30px 'Unlimited movies, shows & more' headline sits above a muted 4K subtitle. A footer Row pairs _DotsPainter (three page dots, the active one elongated into a brand-red pill) with a circular _NextButton whose red-to-dark-red gradient wraps a forward-arrow icon and fires onNext. Palette is cinematic near-black #0B0B0F with Netflix-red #E50914 accents and #A1A1AA muted text. Self-contained pure Flutter: bundled Inter font, own dark theme, SafeArea, overflow-proof, all artwork painted on canvas with no network images. Backend-agnostic drop-in wired through injected onNext 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
- ✓_PosterCollagePainter — a seeded 3-column masonry wall of duotone poster tiles with key-light, vignette, scrim, borders and film grain across six genre palettes
- ✓_ScrimPainter bottom-up dark gradient overlay keeping the white headline and subtitle legible over busy artwork
- ✓_DotsPainter three-dot page indicator with the active step elongated into a brand-red pill
- ✓_NextButton — a 62px circular red-to-dark-red gradient CTA with a forward-arrow icon firing onNext
- ✓Top-right Skip TextButton and optional onNext / onSkip VoidCallback hooks for backend-agnostic navigation
- ✓Bundled Inter font, #0B0B0F dark theme, SafeArea layout and fully painted offline artwork with no network images
Use cases
- ✓First screen of a streaming app's 3-step onboarding carousel introducing the content library
- ✓Marketing-style splash intro shown before sign-up to communicate the 4K catalog value proposition
- ✓A/B-testable welcome page where the poster-wall aesthetic sells the app before account creation
- ✓Reusable onboarding template for any media or subscription app needing a painted, asset-free hero intro
