
Pulse · Posts Grid
Pulse · Posts Grid is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-profile-grid.
Posts Grid is the profile "Posts" tab rebuilt as a standalone, drop-in Flutter screen for the Pulse social app. Top-to-bottom it opens with a compact top bar: an arrow-back IconButton wired to onBack, a two-line title block reading "Posts" in an extrabold w800 Inter cut with negative letter-spacing, and a muted sub-line "sofiaramos · 248 posts", closed on the right by a grid_on_rounded active-tab glyph. A 1px hairline Divider separates the header from the content. Below sits a GridView.builder of 30 tiles at crossAxisCount 3 with 2px cross- and main-axis spacing, each tile a GestureDetector that fires onPost with its index. Every cell is painted, not networked: the _GridThumbPainter draws a seeded two-tone diagonal LinearGradient from one of six dark palettes (indigo, teal, plum, slate, olive), a soft white light-streak stroke, and a translucent disc, so each thumbnail looks like distinct media with zero assets. A _GridTile Stack overlays status badges deterministically by index: a collections icon marks multi-photo carousels, while reels get a play_circle_fill glyph plus a bottom-left play_arrow_rounded row with a formatted view count like 4.0K, 11.3K, 18.6K. It is self-contained pure Flutter (dart: only): bundled Inter font, its own dark near-mono theme on a #0B0B0F background with #F4F4F7 text and #8A8A99 muted labels, SafeArea, and an overflow-proof column layout. Backend-agnostic — the grid renders from painters and index math, and the injected onBack and ValueChanged<int> onPost callbacks let you wire real navigation and post data without touching the widget tree.
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 six-palette diagonal gradient, white light-streak, and translucent disc so every tile reads as unique media with no network images
- ✓_GridTile Stack that overlays a collections multi-photo badge and reel play_circle_fill glyph plus a formatted view-count row (4.0K / 11.3K / 18.6K)
- ✓Compact top bar: back IconButton, extrabold Inter "Posts" title, muted 'sofiaramos · 248 posts' sub-line, and grid_on_rounded active-tab indicator
- ✓GridView.builder of 30 tiles at crossAxisCount 3 with 2px spacing, each a GestureDetector firing onPost(index)
- ✓Injected callback hooks: VoidCallback onBack and ValueChanged<int> onPost for backend-agnostic navigation and post selection
- ✓Self-contained dark theme (bg #0B0B0F, text #F4F4F7, muted #8A8A99, #26262F hairline) with bundled Inter font, SafeArea, and overflow-proof layout
Use cases
- ✓The Posts tab of a user or creator profile in a social or photo-sharing app
- ✓A grid gallery that mixes single posts, multi-photo carousels, and reels with view counts
- ✓A placeholder-driven media grid demo while wiring real post thumbnails and detail routing via onPost
- ✓A tappable content grid for a creator portfolio or brand feed with per-tile navigation