Pulse · Followers
Pulse · Followers is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-followers.
Followers is the account-list screen that shows who follows you in Pulse. From the top: a back-button top bar carrying the owner's handle (sofiaramos), then a two-tab segmented control — '18.4K followers' active with a bright underline and '612 following' muted, wired to an onFollowing callback for switching to the following list. Below sits a rounded search field (magnifier icon + 'Search' placeholder) on the _surfaceAlt panel, and then an Expanded ListView.builder of follower rows. Each _PersonRow renders a 46px CustomPaint avatar drawn by _MonogramPainter — a per-person linear-gradient disc with centered white initials derived from the name — followed by the handle, a 'Name · note' subline (Follows you / Followed by <handle> / Design studio, ellipsis-clamped), and a trailing pill that toggles between an indigo #6E56F7 'Follow back' and an outlined 'Following' chip. The follow state is real: a Set of handles lives in the State, and _toggle add/removes on tap via setState so pills flip instantly; tapping a row fires onProfile with the handle. Palette is Pulse's dark near-mono (#0B0B0F background, #1D1D26 surfaces, #26262F hairlines, #F4F4F7 / #8A8A99 text) with the indigo brand accent, all in the bundled Inter font. Fully self-contained pure Flutter: own ThemeData.dark, SafeArea, overflow-proof rows, no network images, and backend-agnostic through the injected onBack, onProfile and onFollowing 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: per-person gradient avatar disc with centered initials computed from the display name
- ✓Segmented header with active '18.4K followers' underline tab and a muted '612 following' tab wired to onFollowing
- ✓Live follow state via a Set<String> of handles and _toggle/setState flipping each pill between 'Follow back' and 'Following'
- ✓_PersonRow cluster: monogram avatar, handle, ellipsis-clamped 'Name · note' subline and a tappable trailing pill
- ✓Rounded search field with magnifier icon and 'Search' placeholder on the _surfaceAlt panel
- ✓Injected onBack, onProfile(handle) and onFollowing callbacks plus the bundled Inter font and self-contained dark theme
Use cases
- ✓Drop into a social or creator app as the profile Followers tab listing accounts that follow the user
- ✓Reuse the row + toggle pattern for a mutual-follow or follow-back suggestions list
- ✓Serve as the destination when a user taps a follower count anywhere in the app
- ✓Adapt as a members roster for a community, group, or fan-club screen with per-account follow actions
