Pulse · Suggested Follows
Pulse · Suggested Follows is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-setup-follow.
SocialSetupFollowScreen is the fifth of eight profile-setup steps in Pulse, built to jump-start a new user's feed by getting them to follow a handful of accounts. Top-to-bottom: a _SetupHeader shows a back IconButton, an eight-segment progress bar (five indigo #6E56F7 filled), and a 5/8 counter; below it a title 'Follow a few accounts' with a supporting line sits beside a 'Follow all' text action that flips to 'Clear' once every account is followed. The body is a ListView.separated of _AccountRow cards, each a hairline-bordered surface holding a _Monogram avatar that derives initials from the name and tints itself with the account's own accent color, the display name with a middot follower count (128K, 3.2M, 54K…), the suggestion reason ('Popular in Design', '3 mutual follows', 'Suggested for you'), and a _FollowButton that toggles between a solid indigo 'Follow' and a muted 'Following' pill. A pinned _SetupFooter FilledButton reflects the running count, reading 'Skip for now' at zero or 'Continue · Following N'. State lives in a Set of followed handles, so per-row taps and Follow all stay perfectly in sync with the footer. Palette is dark near-mono (#0B0B0F background, #15151B / #1D1D26 surfaces, #26262F hairlines) with indigo brand and #9B8CFF accent. Self-contained pure Flutter: bundled Inter font, its own dark ThemeData, SafeArea, no network images, overflow-proof with ellipsis on long names. Backend-agnostic drop-in wired through injected onBack and onContinue callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_Monogram avatar painter that computes name initials and tints a circle with each account's accent color at 18%/50% alpha
- ✓_AccountRow card cluster: monogram, name with middot follower count, suggestion reason line, and trailing follow toggle
- ✓_FollowButton that swaps between solid indigo 'Follow' and a muted 'Following' outline pill on tap
- ✓Set-backed following state so per-row toggles and the 'Follow all' / 'Clear' shortcut stay in sync
- ✓_SetupHeader with back button, eight-segment progress bar (step 5/8) and numeric step counter
- ✓_SetupFooter FilledButton whose label shifts from 'Skip for now' to 'Continue · Following N' with the live count, plus bundled Inter font
Use cases
- ✓Suggested-follows step in a social app onboarding flow to seed a new user's feed before first launch
- ✓A 'People you may know' or discover-accounts screen surfaced from a sidebar or settings menu
- ✓A creator or community app's recommended-accounts sheet driven by mutuals and topic popularity
- ✓An empty-feed nudge that prompts users with no follows to pick accounts and populate their timeline
