Pulse · Trending
Pulse · Trending is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-explore-trending.
Pulse Trending is a drop-in Flutter screen that renders a leaderboard of what's rising across a social network. It opens with a 56px top bar carrying a back arrow, a bold -0.4 letter-spaced 'Trending' title and an amber local_fire_department flame accent, sitting above a hairline divider. Directly beneath is a segmented _RangeToggle pill offering Now / Today / This week, with the active segment lifted onto a lighter _surfaceAlt fill in bold Inter while inactive labels stay muted. The body is a ListView.separated of seven _TrendRow cards, each a rounded 16px _surface tile bordered with a subtle hairline: an oversized rank numeral on the left, then an indigo-tinted uppercase category (DESIGN, TECH, CULTURE...), the topic title in high-contrast Inter, and a muted post count like '48.2K posts'. On the right a 60x30 CustomPaint driven by _SparkPainter strokes a momentum sparkline from normalised 0..1 samples with a soft gradient fill beneath, tinted green for gains and red for drops, sitting over an arrow_drop_up/arrow_drop_down chip that shows the signed percentage. The whole thing runs on the Pulse dark near-mono palette (#0B0B0F background, #15151B surfaces) with the indigo #6E56F7 family for accents and bundled Inter typography. It is self-contained pure Flutter: its own ThemeData.dark, SafeArea, no network images, overflow-proof text, and backend-agnostic wiring through injected onBack, onTopic and onRange callbacks so you can hand it real trend data and routing.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_SparkPainter CustomPainter that strokes a per-row momentum sparkline from 0..1 samples with a gradient fill, tinted green up or red down
- ✓_RangeToggle segmented control with Now / Today / This week and a lifted active-segment surface
- ✓_TrendRow cards pairing a bold rank numeral, indigo category label, title, post count and change chip
- ✓Signed percent-change chips using arrow_drop_up/arrow_drop_down icons in success #34D399 or danger #F4476B
- ✓Injected onBack, onTopic(title) and onRange callbacks for backend-agnostic routing and data
- ✓Bundled Inter font, self-contained dark theme, SafeArea and a top bar with flame accent
Use cases
- ✓An explore or discover tab that ranks trending topics and hashtags for a social app
- ✓A what's-hot board letting users tap a topic to open its dedicated feed
- ✓A time-scoped trends view toggled between real-time, daily and weekly momentum
- ✓A creator dashboard surfacing rising categories with sparkline momentum and percent change
