Pulse · Welcome Back — Social Flutter screen
Social
28 views

Pulse · Welcome Back

Pulse · Welcome Back is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-welcome-back.

A returning-user re-authentication screen for the Pulse social app, built for the case where a session has timed out and you want the user to confirm their password without re-typing their email. The layout is a single rounded card centered on a near-black canvas: at the top a _MonogramAvatar draws a circular indigo-to-violet gradient badge with the user's derived initials (AR from 'Alex Rivera') and a soft brand glow, followed by a 'Welcome back, Alex' heading and a muted, lock-icon-prefixed email row (alex@pulse.app). Below sits a surface-alt password TextField with an 'Enter your password' hint and a tappable visibility_off/visibility toggle that flips the obscureText state, a right-aligned 'Forgot password?' link, then a row pairing a full-width Unlock FilledButton with a square _FaceIdButton biometric shortcut. The Unlock button is state-driven — it stays disabled and muted until the password field is non-empty, then fills with the #6E56F7 brand color. Under the card, a 'Not you? Switch account' TextButton with a swap icon lets a different user take over. The palette is the Pulse dark near-mono system (#0B0B0F background, #15151B / #1D1D26 surfaces, #26262F hairlines, #6E56F7 brand, #9B8CFF accent) with the bundled Inter font throughout. It is self-contained pure Flutter — its own dark ThemeData, SafeArea, SingleChildScrollView so it never overflows, no network images — and fully backend-agnostic, wired through injected onUnlock, onForgot, onBiometric and onSwitchAccount callbacks plus name and email props.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _MonogramAvatar: circular indigo-to-violet gradient badge that renders initials derived from the name prop with a brand-tinted glow shadow
  • _FaceIdButton: square 52px biometric shortcut with hairline border and violet face icon wired to the onBiometric callback
  • Password TextField with a visibility_off/visibility toggle that flips the obscureText state on tap
  • State-driven Unlock FilledButton that stays disabled and muted until the password field holds text, then fills #6E56F7 brand
  • Injected callback hooks — onUnlock, onForgot, onBiometric, onSwitchAccount — plus configurable name and email props
  • Bundled Inter font, self-contained dark theme, SafeArea and SingleChildScrollView for an overflow-proof pure-Flutter card

Use cases

  • Re-authenticating a returning user after a session timeout without making them re-enter their email
  • A lock screen that confirms identity before revealing a private feed, DMs or account settings
  • Offering a fast biometric Face ID unlock alongside a password fallback on app resume
  • Letting a shared or multi-account device switch users via the 'Not you? Switch account' link

Related screens