Pulse · Post Card States
Pulse · Post Card States is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-feed-post-card.
Post cards is a labeled component sheet that shows every feed-post layout the Pulse kit ships, so a buyer can drop the right variant straight into a timeline. A calm _Header carries an arrow_back IconButton wired to onBack, the 'Post cards' title and an 'Every layout, one component' subtitle, above a scrolling ListView of _Section blocks separated by _SectionDivider hairlines: TEXT, PHOTO, MULTI-IMAGE, LINK, and POLL. Each variant reuses a shared _CardShell — an 18px rounded surface with a hairline border — topped by an _AuthorRow that renders a gradient _Monogram avatar with computed initials, a name plus an indigo verified badge, an '@handle · time' line, and a more_horiz overflow button. Media is drawn entirely in code by _MediaPainter, a CustomPainter that lays a diagonal gradient, soft white light streaks and a painted sun disc — no network images. The photo card frames it in a 16:10 AspectRatio; the multi-image card splits two panes with a '+3' remaining-count pill; the link card pairs a 72px thumbnail with 'craftletter.design', a two-line title and a chevron; the poll card stacks three _PollOption bars with LayoutBuilder-driven fill widths, a selected check_circle state in indigo, percentages and a '1,204 votes · 1d left' meta row. Every card closes with an _ActionBar of favorite, comment, share actions plus a bookmark, with counts shortened by a _fmt helper (1120 → 1.1k). Self-contained pure Flutter on the Pulse dark near-mono palette (#0B0B0F background, #15151B surface) with indigo #6E56F7 accents, bundled Inter font, its own ThemeData.dark, SafeArea and fully overflow-proof layout — backend-agnostic and wired through the injected onBack callback.
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 image, thumbnail and multi-image pane as an in-code diagonal gradient with light streaks and a sun disc — zero network assets
- ✓Five distinct post variants in one file: _TextPostCard, _PhotoPostCard, _MultiPostCard, _LinkPostCard and _PollPostCard, each in a shared rounded _CardShell
- ✓_AuthorRow with a gradient _Monogram avatar that computes initials from the name, an indigo verified badge, handle-and-time line, and more_horiz overflow button
- ✓_PollOption bars driven by LayoutBuilder — proportional fill widths, an indigo selected check_circle state, percent labels and a '1,204 votes · 1d left' meta row
- ✓_ActionBar with favorite, comment and share actions plus a bookmark, and a _fmt helper that abbreviates large counts (1120 becomes 1.1k)
- ✓Bundled Inter font, Pulse dark near-mono theme (#0B0B0F / #15151B / #6E56F7), _Header onBack callback, SafeArea and overflow-proof ListView sections
Use cases
- ✓Drop-in card renderer for a Pulse-style social timeline that must handle text, photo, gallery, link and poll posts from one component
- ✓Reference sheet for a design or engineering team standardizing post-card spacing, avatars and action bars across a feed
- ✓Starter for an inline poll feature — the _PollOption fill bars and vote/time meta row plug into real voting state
- ✓Rich link-preview and multi-image gallery UI for a content or micro-blogging app without wiring up network image loading first
