Cineo · Splash
Cineo · Splash is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-onboarding-splash.
The Cineo Splash is the app's branded cold-start screen, built as a single centered Column on a cinematic near-black canvas (#0B0B0F). Top-to-bottom, a Spacer pushes the composition to optical center, where the _CineoMark renders a 92px brand-gradient rounded square (#E50914 to #B00610) lit by a soft red glow BoxShadow, with a rounded white play triangle painted inside by _PlayMarkPainter. Below it the CINEO wordmark sits in heavy 34px Inter with 8px letter-spacing, followed by the muted 'Movies & TV, unlimited' tagline. A second Spacer floats a 132x3 brand-red shimmer loading bar near the bottom, driven by a repeating 1600ms AnimationController: _ShimmerBarPainter clips a dim track and sweeps a transparent-to-red-to-transparent gradient window across it every cycle. The whole screen is wrapped in a GestureDetector with an opaque hit test so any tap fires the injected onContinue callback to chain into onboarding. It forces its own ThemeData.dark, sits inside SafeArea and SizedBox.expand so it is overflow-proof at any size, and is self-contained pure Flutter: the Inter font is bundled locally, the logo and shimmer are fully CustomPainter-drawn with no raster asset or network image. Backend-agnostic and drop-in, it advances only through the callback you wire.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_CineoMark: a 92px brand-gradient rounded-square logo tile with a soft red glow BoxShadow
- ✓_PlayMarkPainter: paints the rounded white play triangle punched into the brandmark
- ✓_ShimmerBarPainter: sweeps a transparent-red-transparent gradient window along a dim track
- ✓A repeating 1600ms AnimationController powering the looping loading shimmer
- ✓GestureDetector with opaque hit test firing the injected onContinue advance callback
- ✓Bundled Inter font, forced ThemeData.dark, SafeArea and SizedBox.expand overflow-proof layout
Use cases
- ✓The cold-start launch screen shown while a streaming app boots and fetches its session
- ✓A branded holding screen that auto-advances into the onboarding or sign-in flow
- ✓A logo-reveal template teams reskin with their own play mark and wordmark
- ✓A tap-to-continue intro chained before the Cineo home or profile-picker screens
