Pulse · Tagged
Pulse · Tagged is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-profile-tagged.
Pulse Tagged is the profile's "Tagged" tab shipped as a standalone, drop-in Flutter screen. Top to bottom it opens with a compact top bar: an arrow-back IconButton, a heavy w800 'Tagged' title with tight -0.3 letter-spacing, and a right-aligned indigo 'Manage' text action, all under a 1px hairline Divider. Below sits a rounded surface info banner (person_pin_rounded icon in brand indigo plus muted body copy) explaining that these are photos and videos you're tagged in and that hidden ones stay private to you. The rest is an Expanded CustomScrollView whose SliverGrid lays out 21 tiles in a 3-column grid with 2px gutters. Each _GridTile is a CustomPaint driven by _GridThumbPainter, which renders a seeded two-tone diagonal gradient (six dark near-mono palettes), a soft translucent light streak, and a faint disc so no tile looks identical and no network image is ever needed. Over each thumb sits a bottom scrim gradient, a white person_pin tag badge top-left, an occasional collections (multi-photo) glyph top-right, and a white '@handle' tagged-by chip bottom-left that ellipsis-truncates. Tapping a tile fires onPost(index); the header wires onBack and onManage. It is self-contained pure Flutter: bundled Inter font, its own ThemeData.dark near-mono palette on #0B0B0F with indigo #6E56F7 accents, SafeArea, and overflow-proof slivers. Fully backend-agnostic — swap the painted placeholders and tagger handles for real media through the 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
- ✓_GridThumbPainter CustomPainter: seeded two-tone diagonal gradient across six dark palettes, plus a translucent light streak and faint disc for varied placeholder media
- ✓_GridTile Stack: painted thumb, bottom scrim gradient, white person_pin tag badge, occasional collections multi-photo glyph, and an ellipsis-truncated @tagger handle chip
- ✓3-column SliverGrid of 21 tiles with 2px gutters inside an Expanded CustomScrollView, so the tagged grid scrolls overflow-proof at any height
- ✓Top bar with arrow-back IconButton, w800 'Tagged' title, and indigo 'Manage' text action over a 1px hairline Divider
- ✓Rounded surface info banner with person_pin_rounded icon explaining tagged visibility and hidden-post privacy
- ✓Injected callback hooks: onBack, onManage, and onPost(index) per tile, over a bundled Inter font and self-contained dark theme
Use cases
- ✓Ship the 'Tagged' tab of a social profile where users browse photos and videos others tagged them in
- ✓Prototype a tagged-media moderation flow, wiring the 'Manage' action to hide or remove unwanted tags
- ✓Demo a community app's user profile that surfaces content contributed and tagged by other members
- ✓Drop into a creator or portfolio app as a collaborations grid keyed by the @handle of who tagged each post
