Pulse · Log In — Social Flutter screen
Social
61 views

Pulse · Log In

Pulse · Log In is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-login.

Pulse Log In is the returning-user sign-in screen, built as a single self-contained Flutter file. It opens under a SafeArea with a slim back-arrow IconButton row, then a scrollable body headed by a 30px w700 'Welcome back' title (letter-spacing -0.8) and a 'Log in to pick up where you left off.' subtitle. Below sit two _LabeledField blocks wrapping _InputRow containers: an Email field (emailAddress keyboard) prefilled with alex@pulse.app, and a Password field whose header row carries an indigo 'Forgot?' link and whose trailing eye icon toggles the _obscure state between visibility_off_outlined and visibility_outlined. Each input is a rounded 14px _surfaceAlt container with a hairline border and an accent-colored cursor. A pinned _BottomBar sits above a top hairline: a 54px-tall indigo 'Sign in' FilledButton that is enabled only when _canSubmit (both fields non-empty) is true — otherwise it dims to a disabled surface — paired with a square _BiometricButton rendering the _FingerprintPainter (a stroked arc fingerprint drawn on a Canvas). A 'New to Pulse? Create account' Text.rich row closes the bar. The palette is Pulse's dark near-mono (#0B0B0F background, #15151B / #1D1D26 surfaces) with the #6E56F7 indigo brand and #9B8CFF accent, all typeset in the bundled Inter font. It ships its own dark ThemeData, is overflow-proof via the ListView + min-size Column, uses no network images, and is fully backend-agnostic: onBack, onLogin, onForgot, onBiometric, and onSignup are injected VoidCallbacks you wire to your own auth.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _FingerprintPainter CustomPainter that strokes a concentric-arc fingerprint on a 26x26 Canvas for the biometric shortcut
  • _InputRow field container with rounded hairline border, accent cursor, and an optional trailing widget slot
  • _LabeledField wrapper pairing a field label with an optional trailing action like the indigo Forgot? link
  • Password show/hide toggle driven by the _obscure state, swapping the visibility eye icons on tap
  • _BottomBar with a _canSubmit-gated Sign in FilledButton, a square _BiometricButton, and a Create account row
  • Five injected VoidCallback hooks (onBack, onLogin, onForgot, onBiometric, onSignup) and the bundled Inter font with a self-contained dark theme

Use cases

  • Returning-user email/password sign-in entry point for a Pulse-style social or chat app
  • Drop-in login screen wired to Firebase Auth, Supabase, or a custom OAuth backend via onLogin
  • Biometric-enabled unlock flow where the fingerprint button triggers local_auth on onBiometric
  • Auth flow paired with a signup and forgot-password screen through the onSignup and onForgot callbacks

Related screens