Pulse · Two-Factor
Pulse · Two-Factor is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-2fa.
The Pulse Two-Factor screen is the authenticator-app verification step that completes a sign-in. Top-to-bottom it opens with a back IconButton, then a centered _ShieldBadge — a rounded 76x76 surface tile carrying an indigo verified_user_outlined mark and a soft brand-tinted glow shadow. Below sit a bold 25px 'Two-factor authentication' heading and a muted subtext prompting the user to open their authenticator app and enter the 6-digit code for Pulse. The core is a spaceBetween Row of six _CodeBox fields, each a 48x58 numeric TextField whose border flips from hairline to brand indigo once filled and to the lighter accent when focused; typing auto-advances to the next box, backspacing steps back, and pasting a full string fans digits across all six. A _TrustToggle card ('Trust this device — Skip 2FA on this device for 30 days.') pairs a description column with a brand-tracked Switch, followed by a centered 'Use a different method' link. A pinned bottom bar holds the full-width 'Verify & continue' FilledButton that stays disabled until all six boxes are complete. It runs a dark near-mono palette (#0B0B0F background, #15151B/#1D1D26 surfaces) with the #6E56F7 indigo brand and #9B8CFF accent, in the bundled Inter font. Fully self-contained pure Flutter with its own dark ThemeData, SafeArea, and no network images — backend-agnostic and wired through injected onBack, onVerified, and onSwitchMethod callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_ShieldBadge painted tile: rounded surface with indigo verified_user_outlined icon and brand-tinted glow shadow
- ✓Six _CodeBox numeric TextFields with filled/focused border states switching between hairline, brand, and accent
- ✓Auto-advance code logic: next-box focus on entry, back-step on delete, and full-code paste fan-out across all six
- ✓_TrustToggle card with 30-day 'Trust this device' copy and a brand-tracked Switch bound to local state
- ✓Enable-gated 'Verify & continue' FilledButton that stays disabled until every code box is complete
- ✓Injected onBack, onVerified, and onSwitchMethod callbacks plus the bundled Inter font and self-contained dark theme
Use cases
- ✓Authenticator-app (TOTP) verification step during Pulse account login
- ✓Second-factor challenge for high-risk actions like password or email changes
- ✓Trusted-device enrollment flow that lets returning users skip 2FA for 30 days
- ✓Reusable OTP entry pattern for any dark-themed app needing 6-digit code confirmation
