Pulse · Explore
Pulse · Explore is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-explore-home.
The Pulse Explore home is a discovery feed built entirely from painted surfaces. Up top a padded row pairs a bold 'Explore' title (Inter, w800, tight -0.8 tracking) with a 42x42 rounded search button that fires the injected onSearch callback. Beneath it a 38px horizontal ListView.separated renders a category chip rail — 'For you', 'Design', 'Travel', 'Food', 'Tech', 'Art', 'Music', 'Fitness' — where the selected chip flips to a solid light pill on dark background and every tap reports its label through onCategory. The body is a scrollable _Masonry that deals twelve _Tile records into whichever of two columns is shorter, so varied heightFactors pack without gaps or overflow. Each _MediaTile wraps a _TilePainter that strokes a topLeft-to-bottomRight LinearGradient, a soft translucent white circle highlight, and a diagonal light streak, then overlays a play_circle_fill (reel) or collections (multi-photo) badge; tapping a tile passes its index to onTile. A shared 5-tab _NavBar sits pinned at the bottom with Explore active in indigo #6E56F7 and the rest muted, routing taps through onTab. The palette is Pulse's dark near-mono (#0B0B0F background, #15151B / #1D1D26 surfaces, #26262F hairlines) with #6E56F7 accent. Self-contained pure Flutter: bundled Inter font, its own ThemeData.dark, SafeArea top and bottom, no network images — every tile is CustomPaint. Backend-agnostic drop-in wired purely through the four 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
- ✓_TilePainter CustomPainter: gradient fill plus translucent circle highlight and diagonal streak, no network images
- ✓_Masonry two-column packer that deals _Tile records into the shorter column for gap-free, overflow-proof layout
- ✓Horizontal category chip rail (For you, Design, Travel, Food, Tech, Art, Music, Fitness) with selected-pill state
- ✓_MediaTile badges: play_circle_fill for reels and collections for multi-photo posts via the _Badge enum
- ✓Shared 5-tab _NavBar with outlined/filled icon swap and Explore active in indigo #6E56F7
- ✓Four injected callbacks — onSearch, onCategory(String), onTile(int), onTab(int) — for backend-agnostic wiring
Use cases
- ✓Discovery or Explore tab for a social, photo, or reels app surfacing trending posts
- ✓Category-filtered content browser where chips swap the masonry feed by topic
- ✓Mixed-media grid distinguishing video reels from multi-photo carousels at a glance
- ✓Design prototype or template for a Pinterest-style masonry feed with a pinned bottom nav
