Pulse · Create Account — Social Flutter screen
Social
35 views

Pulse · Create Account

Pulse · Create Account is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-signup.

The Pulse Create Account screen is a self-contained sign-up form built in pure Flutter for a Linear/Superhuman-style social app. Under a centered '_TopBar' with a back chevron and 'Create account' title, a scrolling ListView opens with a 26px 'Set up your profile' headline and a reassuring 'It takes less than a minute' subline, then stacks three '_Field' inputs on the #1D1D26 rounded surfaces: Email, an @-prefixed Username, and an obscurable Password with a visibility_off toggle. Each field wires live inline validation through TextEditingController listeners — a valid email shows a green '_StatusIcon' check while an invalid one shows a red error dot plus '_HelperText' reading 'Enter a valid email address'; the username is checked against a taken set and reports 'That username is taken' or a green 'Available'. Below the password, a '_StrengthMeter' renders a four-segment bar via the '_StrengthBarPainter' CustomPainter, grading Weak, Fair, Good, Strong with red/amber/indigo/green fills and a matching label. A fixed 54px '_PinnedBar' at the bottom holds the indigo #6E56F7 'Continue' FilledButton that only enables when '_canSubmit' passes, plus an 'Already have an account? Log in' link. It is backend-agnostic, driven entirely by injected onBack, onContinue, and onLogin callbacks, using the dark near-mono #0B0B0F palette, bundled Inter font, SafeArea, and 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

  • _StrengthBarPainter CustomPainter drawing a four-segment password meter with red/amber/indigo/green fills
  • _Field cluster for Email, @-prefixed Username, and obscurable Password on rounded #1D1D26 surfaces
  • Live inline validation via controller listeners: _StatusIcon check/error dots and _HelperText messages
  • _canSubmit gate that enables the indigo Continue button only on valid email, free username, and strong-enough password
  • _PinnedBar fixed 54px CTA with 'Already have an account? Log in' link wired to injected callbacks
  • Bundled Inter font, dark #0B0B0F theme, SafeArea, and password visibility toggle — no network images

Use cases

  • Onboarding flow for a new social or chat app collecting email, handle, and password
  • Drop-in registration screen where username availability must be checked before submit
  • Auth starter that enforces password strength before allowing account creation
  • Sign-up step in a dark-themed community product that reuses Pulse's indigo design language

Related screens