Pulse · Attachments
Pulse · Attachments is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-chat-attachments.
Pulse · Attachments is the sheet that slides up when a chat user taps the attach action. It renders as a Stack: a full-bleed dimmed conversation behind (the _DimmedThread widget at 0.28 opacity, showing two painted bubbles — a received one and a sent indigo #6E56F7 one) and a rounded-top _surface sheet pinned to the bottom via Align. The sheet opens with a 40x4 grab handle, a bold 'Share' title, then a 92px horizontal recents strip built from a ListView.separated of six 70x70 tiles, each a CustomPaint driven by _ThumbPainter — a two-tone diagonal gradient with a translucent white light-streak that cycles through six seeded palettes so no two thumbnails match. Below sits a shrink-wrapped 3-column GridView of nine send options: Photos, Camera, File, Location, Contact, Poll, Audio, GIF, and Money, each a 56px tinted rounded-square icon tile (16% fill, 35% border in its own accent color) above a muted label. Tapping the scrim fires onClose; tapping any tile or recent fires onOption with the label string, so it is a backend-agnostic drop-in wired entirely through injected callbacks. It is self-contained pure Flutter — bundled Inter font, its own dark near-mono theme (#0B0B0F background, #15151B surface, #26262F hairlines), SafeArea, overflow-proof, and no network images since every thumbnail is painted.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_ThumbPainter CustomPainter: seeded two-tone diagonal gradient thumbnails with a translucent white light-streak, six cycling palettes, zero network images
- ✓_DimmedThread widget: two painted chat bubbles (received surface bubble + sent indigo #6E56F7 bubble) rendered at 0.28 opacity behind the sheet
- ✓Nine-option 3-column GridView of tinted 56px rounded-square icon tiles (Photos, Camera, File, Location, Contact, Poll, Audio, GIF, Money), each in its own accent color
- ✓Horizontal 92px recents strip: ListView.separated of six tappable 70x70 painted thumbnails with 8px gaps
- ✓onClose and onOption(String) callback hooks — scrim tap closes, every tile and recent reports its label so it stays backend-agnostic
- ✓Bundled Inter font with a self-contained dark near-mono theme, grab handle, bold Share header, SafeArea, and overflow-proof layout
Use cases
- ✓The attach/plus action in a Pulse-style chat, letting users pick what to send over from one sheet
- ✓A quick media picker where the recents strip surfaces the last six shots for one-tap sharing
- ✓A rich-share menu exposing extras like Poll, Location, Contact, and Money alongside standard photos and files
- ✓A reusable bottom-sheet template teams reskin for any messaging or comment composer needing an attachment menu
