Pulse · Comments Thread
Pulse · Comments Thread is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-post-comments.
Comments Thread is the complete discussion view for a single post in the Pulse social app, built as one self-contained Flutter widget. Top to bottom: a 56px _TopBar with a back chevron and a bold "312 comments" count, a _SortRow reading "Most relevant" with a caret, a hairline _Divider, then an Expanded ListView of _CommentBlock rows. Each block renders through _CommentCore — a gradient _Monogram avatar that paints the poster's initials over a top-left-to-bottom-right LinearGradient, a name plus muted "@handle · time" line, the comment body at 1.45 line-height, and a footer with a favorite_border like count and a Reply tap target. A pinned comment gets a push_pin "Pinned by author" label above it; replies are indented 44px behind a 2px vertical connector hairline (IntrinsicHeight + stretched Row) with a smaller 30px avatar, followed by a brand-indigo "View more replies" link. A fixed-height _Composer is pinned at the bottom: your own 'AR' monogram, a rounded "Add a comment…" pill, and a circular indigo arrow_upward send button. The palette is Pulse's dark near-mono — #0B0B0F background, #1D1D26 surface, #26262F hairlines, layered #F4F4F7/#B5B5C2/#8A8A99 text — with #6E56F7 indigo accents and the bundled Inter font throughout. Wrapped in ThemeData.dark and SafeArea, it is overflow-proof with no network images. Backend-agnostic: every action routes through injected callbacks — onBack, onReply(handle), onViewReplies, and onAddComment — so you wire it to any data layer.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_Monogram gradient avatar painter rendering per-user initials over a two-color LinearGradient, sized 36/34/30px
- ✓_CommentBlock + _CommentCore cluster: name, @handle · time, body, favorite_border like count and Reply action
- ✓Pinned-comment state showing a push_pin 'Pinned by author' label above the top comment
- ✓Indented reply threads on a 2px connector hairline via IntrinsicHeight, with an indigo 'View more replies' link
- ✓Fixed-height _Composer bar: your 'AR' monogram, 'Add a comment…' pill, and circular indigo arrow_upward send button
- ✓Injected callbacks onBack, onReply(handle), onViewReplies, onAddComment plus bundled Inter font and dark theme
Use cases
- ✓Drop-in comments screen for a Linear/Superhuman-style social or community feed app
- ✓Threaded discussion view under a post, article, or product update with pinned author replies
- ✓Reference layout for building nested reply UIs with connector hairlines and gradient monogram avatars
- ✓A dark-themed comment composer surface where users read, like, and reply to a conversation
