Pulse · Home Feed
Pulse · Home Feed is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-feed-home.
Home Feed is the post-onboarding app shell for Pulse, a Linear/Superhuman-style social network. Top to bottom it opens with a 56px sticky _TopBar carrying a painted _PulseMarkPainter wave logo, the 'Pulse' wordmark in tight -0.8 Inter, and circular search plus a notifications bell that wears a small indigo unread dot. Below sits a 120px horizontal _StoriesRail: an 'Your story' add tile then story avatars, each a _StoryItem whose _RingAvatarPainter draws a SweepGradient unseen ring (or a flat grey seen ring) around a gradient monogram bearing the person's initials. The scrolling ListView then stacks _PostCard rows — gradient monogram, name with an indigo Icons.verified check, @handle and relative time, a more-menu, body copy, and optional media: a single 16:10 _MediaPainter gradient with light streaks and a painted sun disc, or a two-up multi layout. Each card ends in an _ActionBar with like, comment (counts formatted to 'k'), share and a bookmark. The feed closes on a _CaughtUp state whose _CheckBadgePainter renders a green tick. A brand FloatingActionButton composes; a _PulseNavBar hosts Home, Explore, Reels, Chats and Profile. The palette is a dark near-mono #0B0B0F with indigo #6E56F7 accents; typography is the bundled Inter font. It is self-contained pure Flutter with its own dark theme, SafeArea, overflow-proof layout and no network images — a backend-agnostic drop-in wired through injected onTab, onCompose, onSearch, onNotifications, onStory, onPost and onProfile callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_PulseMarkPainter — the pulse-wave brand logo drawn as a rounded gradient tile with a white stroked signal path
- ✓_RingAvatarPainter — SweepGradient unseen story ring vs flat grey seen ring, driven by each story's unseen flag
- ✓_MediaPainter post artwork with diagonal light streaks and a painted sun disc, in single 16:10 or two-up multi layouts
- ✓_CaughtUp end-of-feed state with a green _CheckBadgePainter tick and 'You're all caught up' copy
- ✓_PulseNavBar 5-tab bottom nav plus indigo FloatingActionButton, routing taps through onTab/onProfile/onCompose
- ✓Bundled Inter font, dark #0B0B0F theme and _ActionBar with 'k'-formatted like/comment counts, share and bookmark
Use cases
- ✓The home tab and app root of a Linear-style social or creator community app
- ✓A stories-plus-feed pattern for a team or interest-based network product
- ✓A design reference for painter-driven avatars and post media with zero image assets
- ✓A demo or pitch build showing an overflow-proof dark social feed wired to a real backend via callbacks
