Pulse · Reply
Pulse · Reply is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-chat-reply.
Pulse · Reply is the quote-and-reply state of a one-to-one chat thread, built as a self-contained pure-Flutter screen. A surface-toned top bar carries a back IconButton, a gradient monogram avatar painted by _MonogramPainter (a tinted top-left-to-bottom-right disc with centered 'NK' initials), the contact name 'Noah Kim' over an 'Active now' line, and outlined call and video icons. Below it a ListView holds the message stream: received bubbles in dark _surface with a hairline border and asymmetric corners, and sent bubbles in indigo #6E56F7. Any bubble that is itself a reply embeds a _quoteBlock — an inset preview with a 3px left accent bar, bold author, and a single-line ellipsized snippet — tinted white-on-brand inside sent bubbles and lavender-on-alt inside received ones. Pinned above the input, _replyPreview shows a vertical accent bar, a 'Replying to Noah' label, the quoted line, and a close affordance wired to onCancelReply. The composer offers an add-attachment icon, a rounded 'Reply…' field, and a circular indigo send button on onSend; onBack drives the top bar. The palette is a dark near-mono (#0B0B0F background, #15151B / #1D1D26 surfaces, #26262F hairlines) with indigo #6E56F7 and lavender #9B8CFF accents, all typeset in the bundled Inter font. It ships its own dark Theme, SafeArea top and bottom, overflow-proof constraints, no network images, and is a backend-agnostic drop-in wired entirely through injected callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_MonogramPainter CustomPainter: gradient avatar disc with centered white initials for the chat header
- ✓_quoteBlock inset preview with a 3px accent bar, bold author, and single-line ellipsized snippet, tinted differently on-brand vs on-surface
- ✓_received and _sent bubble builders with asymmetric corner radii, maxWidth constraints, and optional embedded quote
- ✓_replyPreview strip: accent bar, 'Replying to' label, quoted line, and cancel icon hooked to onCancelReply
- ✓_composer row with add-attachment icon, rounded 'Reply…' field, and circular indigo send button firing onSend
- ✓Bundled Inter font, dark near-mono theme with #6E56F7 indigo, and onBack / onCancelReply / onSend callback hooks
Use cases
- ✓Adding threaded quote-reply to a Flutter messaging or team-chat product
- ✓Demonstrating context-preserving replies where each bubble carries the message it answers
- ✓Prototyping a Superhuman-style DM inbox with a pinned reply-composer state
- ✓Building the reply interaction for a social app's direct-message or comment thread
