Pulse · Stories Rail

Pulse · Stories Rail is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-feed-stories-rail.

Stories Rail is a full-screen Pulse view that expands the stories experience beyond a single strip. Under a 56px top bar (back chevron, an w800 'Stories' title, and a settings-gear action) sits a 112px horizontal ListView.separated: it leads with an 'Add story' tile drawn by the _DashedRingPainter — a segmented dashed brand ring around a surface disc with a centered indigo plus — followed by _StoryItem tiles whose _RingAvatar shows a _RingAvatarPainter sweep-gradient ring for unseen stories and a muted grey stroke for seen ones, wrapped around a gradient monogram of the person's initials with their first name below. A hairline Divider separates the rail from an Expanded ListView holding a bordered _AddYourStoryCard ('YOU' monogram, 'Add to your story', an add-a-photo circle), a 'RECENT UPDATES' _SectionHeader with a 'See all' TextButton, and a run of _UpdateRow entries — each a 50px ring avatar, full name with an indigo unseen dot, @handle, relative timestamp and chevron, indented dividers between. Every action is a nullable callback (onBack, onSettings, onStory(index), onAddStory, onSeeAll) so the gallery registry wires navigation; the '-1' index from the add tile flags a new-story intent. It runs the Pulse dark near-mono palette (#0B0B0F background, #15151B surfaces, #26262F hairlines) with indigo #6E56F7 accents and the bundled Inter font. Self-contained pure Flutter: its own ThemeData.dark, SafeArea, ellipsis-guarded labels and no network images — fully overflow-proof and backend-agnostic.

Licensed for unlimited commercial projects · resale prohibited · License