Pulse · For You Feed — Social Flutter screen
Social
39 views

Pulse · For You Feed

Pulse · For You Feed is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-feed-foryou.

The Pulse For You Feed is the ranked, algorithmic tab of a social home screen, built as a self-contained pure-Flutter drop-in. Top to bottom: a 56px _TopBar with a bold "Home" title and search plus notification IconButtons, then a two-item _SegTabs segmented control (For you / Following) where the active tab carries a bold label and a short indigo underline while Following stays muted and fires onSwitchTab. Below, a scrolling ListView of _PostCard rows, each a hairline-separated block with a gradient _Monogram avatar built from the author's initials, a verified badge, @handle and relative time, a more_horiz menu, body copy, and — when hasMedia is true — a rounded 16:10 image placeholder drawn by the _MediaPainter CustomPainter (diagonal streaks and a soft highlight circle over a two-color gradient, no network images). Ranked posts get an _AffinityChip pill with an auto_awesome sparkle and "Ranked for you" text; every card ends in an _ActionBar with like, comment (counts abbreviated via a 1.2k formatter), Share and bookmark controls. A distinct _SponsoredCard on the surface color adds a "Sponsored" info label, a 16:9 painted hero, and an outlined "Learn more" CTA. Palette is a dark near-mono (#0B0B0F background, #15151B surface, #26262F hairlines) with the #6E56F7 indigo brand accent and bundled Inter typography. It ships its own dark Theme, SafeArea, and overflow-proof layout, and is fully backend-agnostic — wired through injected onSwitchTab, onSearch, onNotifications, onPost and onSponsorCta callbacks.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _MediaPainter CustomPainter that renders every post and sponsored hero image from a two-color gradient plus diagonal streaks and a highlight circle — zero network images
  • _AffinityChip pill with an auto_awesome sparkle and 'Ranked for you' label, shown only on algorithmically ranked posts via the ranked flag
  • _SegTabs For-you / Following underline tab bar with an active indigo indicator and an onSwitchTab hook on the Following tab
  • _PostCard cluster: gradient _Monogram avatar from initials, verified badge, @handle and time, more menu, body, and optional media
  • _ActionBar with like, comment, Share and bookmark actions plus a _fmt helper that abbreviates counts (e.g. 2140 to 2.1k)
  • _SponsoredCard variant on the surface color with a Sponsored info label, painted 16:9 hero, and an outlined 'Learn more' CTA firing onSponsorCta

Use cases

  • The default algorithmic home tab of a social or micro-blogging app, separating ranked 'For you' from a chronological Following feed
  • Demonstrating a native in-feed sponsored/ad unit with its own surface treatment and Learn-more CTA to stakeholders
  • A starting template for a creator or community app where posts mix text-only updates with painted media placeholders
  • Prototyping engagement affordances (like, comment, share, bookmark) and an 'Ranked for you' affinity badge before wiring a real ranking backend

Related screens