Cineo · Sign In
Cineo · Sign In is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-auth-login.
A drop-in email/password login screen for the Cineo streaming app, built as self-contained pure Flutter. A slim _TopBar holds a rounded back arrow and a red-gradient play-triangle brand mark. Below, a scrollable ListView opens with an 800-weight "Welcome back" headline and a muted "Sign in to keep watching where you left off" subline. Two _InputField clusters follow, each a rounded dark _surfaceAlt container with a hairline border and a leading icon: an @ email field and a lock password field whose trailing IconButton flips _obscure to reveal or hide the value via a visibility eye icon. A row pairs a scaled Cupertino-style Switch (Remember me, brand-red active track) with a tappable "Forgot password?" link. A full-width _PrimaryButton renders the Sign In CTA as an InkWell over a topLeft-to-bottomRight red-to-dark-red LinearGradient, followed by an "or" divider and a _GhostButton offering "Use a sign-in code". A centered footer reads "New to Cineo?" with a red "Sign up" link. The palette is cinematic near-black (#0B0B0F) with Netflix-style brand red (#E50914 to #B00610), muted #A1A1AA labels, and the bundled Inter font throughout. It is backend-agnostic: onBack, onSignIn, onSignUp, and onForgot are injected VoidCallbacks, wrapped in SafeArea, overflow-proof, using no network images.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_TopBar with a back-arrow IconButton and a red-gradient play-triangle Cineo brand mark
- ✓Reusable _InputField cluster: rounded dark container, hairline border, leading icon, and hint
- ✓Password field with an _obscure show/hide eye toggle driven by setState
- ✓Remember-me FittedBox Switch (brand-red track) plus a tappable Forgot password link
- ✓_PrimaryButton red-gradient Sign In CTA and a bordered _GhostButton for 'Use a sign-in code'
- ✓Four injected VoidCallback hooks (onBack, onSignIn, onSignUp, onForgot) and bundled Inter font
Use cases
- ✓Returning-viewer login entry for a Netflix-style movies and TV streaming app
- ✓Kick off a passwordless flow by wiring 'Use a sign-in code' to an email OTP screen
- ✓Route the 'Forgot password?' link into a password-reset or account-recovery journey
- ✓Send first-time visitors from the 'New to Cineo? Sign up' footer into registration
