Pulse · Pull to Refresh
Pulse · Pull to Refresh is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-feed-refresh.
Pulse · Pull to Refresh captures the exact moment a social feed reloads. Below a 56px "Home" top bar (with search and notifications IconButtons wired to onSearch / onNotifications callbacks) sits a 66px refresh reveal row: a 22px CustomPaint spinner driven by _SpinnerPainter — a hairline track circle plus a rounded indigo arc sweeping ~1.55π, animated by a repeating 900ms AnimationController so it reads as loading even in a single frame — beside a muted "Checking for new posts…" caption. Beneath, the current feed renders inside a ListView wrapped in Opacity(0.55) so it visibly dims while the refresh is in flight, and a Stack overlays a floating _NewPostsPill — a brand-indigo glowing capsule with an up-arrow and "12 new posts" — pinned near the top, tapping onShowNew to jump to fresh content. Each _PostCard shows a gradient _Monogram avatar with initials, name, verified tick, @handle · time, body copy, an optional 16:10 gradient media block painted by _MediaPainter (diagonal streaks and a soft highlight circle), and an _ActionBar with like, comment, share and bookmark actions using a 1k number formatter. The palette is Pulse's dark near-mono (#0B0B0F ground, #26262F hairlines, #F4F4F7 text, #8A8A99 muted) with #6E56F7 indigo accents, all set in the bundled Inter font. Fully self-contained pure Flutter: own dark theme, SafeArea, overflow-proof with ellipsis and Flexible guards, no network images, and backend-agnostic — every interaction flows through injected callbacks (onShowNew, onSearch, onNotifications, onPost).
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_SpinnerPainter: a hairline track circle plus a rounded indigo arc swept ~1.55π, spun by a repeating 900ms AnimationController
- ✓Dimmed-feed refresh state — the ListView wrapped in Opacity(0.55) under a "Checking for new posts…" reveal row
- ✓_NewPostsPill: a glowing brand-indigo capsule with up-arrow and "12 new posts" count, floating over the feed via a Stack
- ✓_PostCard cluster with gradient _Monogram avatars, verified ticks, handle·time meta, and _ActionBar like/comment/share/bookmark actions
- ✓_MediaPainter gradient media blocks with diagonal streaks and a soft highlight circle for image posts
- ✓Injected callbacks (onShowNew, onSearch, onNotifications, onPost) and bundled Inter font on Pulse's #0B0B0F/#6E56F7 dark theme
Use cases
- ✓Drop-in loading state for a social or news feed's pull-to-refresh gesture
- ✓Show a "N new posts" pill that lets users jump to freshly fetched content
- ✓Communicate an in-flight network fetch by dimming the current list while a spinner runs
- ✓Reference pattern for a painted indeterminate spinner that reads as loading in static screenshots and demos
