Pulse · Reset Password — Social Flutter screen
Social
87 views

Pulse · Reset Password

Pulse · Reset Password is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-forgot.

The Pulse Reset Password screen is a complete forgot-password flow that swaps between two inline states inside a single AnimatedSwitcher, so the same widget handles both request and confirmation without navigation. It opens with a back IconButton (arrow_back_ios_new) wired to onBack, then a rounded _KeyBadge tile carrying a lock_reset glyph, the 'Reset your password' title in tight -0.7 letter-spacing, and a helper line explaining the secure reset link. Below sits a labelled email field: a surface-alt Container with a mail_outline leading icon and a TextField pre-filled with 'alex@pulse.app', its cursor tinted the #9B8CFF accent. A RegExp validator gates the full-width 'Send reset link' FilledButton, which disables to a muted grey until a well-formed address is entered. Tapping send flips to _buildSent, revealing a circular _SuccessBadge whose _CheckPainter strokes a rounded green tick, a 'Check your inbox' heading, the target email echoed in bold via Text.rich, an info_outline notice that the link expires in 30 minutes, a 'Back to log in' CTA on onBackToLogin, and a 'Didn't get it? Resend' TextButton that returns to the form. It is self-contained pure Flutter: bundled Inter font, its own #0B0B0F dark near-mono theme with the #6E56F7 indigo brand, SafeArea, overflow-proof Listviews, and no network images. Backend-agnostic and drop-in, it routes every real action through injected onBack and onBackToLogin callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _CheckPainter CustomPainter that strokes a rounded green success tick inside the circular _SuccessBadge
  • _KeyBadge tile with a lock_reset accent glyph anchoring the request form's header
  • AnimatedSwitcher toggling form and 'Check your inbox' confirmation states in one widget
  • Live RegExp email validation that enables or greys out the 'Send reset link' FilledButton
  • onBack and onBackToLogin callback hooks plus an in-screen 'Didn't get it? Resend' handler
  • Bundled Inter font with the #0B0B0F dark theme, #6E56F7 indigo brand, and SafeArea overflow-proof layout

Use cases

  • Add a self-serve password recovery step to a Pulse-style social or chat app's auth flow
  • Drop in a ready-made reset-link request plus sent confirmation without wiring two separate screens
  • Demo an animated form-to-success transition for onboarding or auth prototypes
  • Reuse the painted success badge and email-echo confirmation as a template for other verify-by-email flows

Related screens