
Pulse · Following
Pulse · Following is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-following.
Following is the screen that shows every account the signed-in user follows, built for a Linear/Superhuman-style social app. It opens under a SafeArea with a top bar carrying a back arrow and the handle 'sofiaramos', then a two-segment header ('18.4K followers' / '612 following') where the Following tab is active with a solid underline and the followers tab is dimmed and tappable via the onFollowers callback. Below sits a rounded pill-style Search field with a leading magnifier, then a 'Sorted by' row with a rounded 'Date followed: earliest' chip and chevron. The body is a ListView.builder of _PersonRow items, each drawing a 46px painted avatar via the _MonogramPainter CustomPainter (a topLeft-to-bottomRight gradient disc with centered white initials), the account handle with an optional indigo verified badge, a 'name · note' subtitle, and a trailing action pill. Tapping a row fires onProfile with the handle; tapping the 'Following' pill opens a themed _UnfollowSheet bottom sheet ('Unfollow @handle?' with Unfollow in danger red and Cancel), and confirming removes the handle from the local _following set so the pill flips to a solid indigo 'Follow'. Palette is dark near-mono (#0B0B0F background, #15151B/#1D1D26 surfaces, #26262F hairlines) with the #6E56F7 indigo brand and #F4476B danger accent, all set in the bundled Inter font. Fully self-contained pure Flutter: its own dark theme, no network images (avatars are painted), overflow-proof rows with ellipsis, and backend-agnostic — wired only through injected onBack, onProfile, and onFollowers callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_MonogramPainter CustomPainter: gradient disc avatars with centered initials, used at 46px in rows and 64px in the sheet
- ✓Two-segment followers/following header where the active tab underlines and the inactive one is tappable via onFollowers
- ✓_PersonRow cluster: painted avatar, verified badge, name·note subtitle, and a stateful Following/Follow action pill
- ✓_UnfollowSheet modal bottom sheet with danger-red Unfollow and Cancel that returns a bool to confirm the action
- ✓Local _following Set state that flips each row between an indigo Follow pill and an outlined Following pill
- ✓Injected onBack, onProfile(handle), and onFollowers callbacks plus bundled Inter font and self-contained dark theme
Use cases
- ✓The 'Following' tab of a social profile listing every account the user subscribes to
- ✓A manage-follows screen where users prune who they follow via the unfollow-confirm sheet
- ✓A creator-app audience view paired with the followers segment for reciprocal-follow checks
- ✓A discovery back-link surface where tapping a row deep-links into that account's profile