Pulse · Your Topics
Pulse · Your Topics is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-explore-saved-topics.
Your Topics is the followed-topics manager for Pulse, a Linear/Superhuman-style social app. Below a hairline-bordered top bar with a back arrow and a bold "Your topics" title sits a live "Following N topics" count that recomputes as you unfollow. Each row is a _TopicRow: a 48x48 rounded gradient cover painted by _CoverPainter (a topLeft-to-bottomRight LinearGradient plus a soft translucent white circle for a lens-flare feel), then the topic title with an ellipsis guard, a post-frequency subtitle like "42 posts / week", a notifications bell IconButton, and a Following/Follow pill. Tapping the bell mutes the row: the subtitle gains a "Muted ·" prefix, a small notifications_off icon appears beside the title, and the bell turns indigo accent. Tapping the pill unfollows: the whole row drops to 50% Opacity, the pill fills with brand indigo and reads "Follow", and the header count drops by one. A "Discover more topics" footer button with a plus icon closes the list. Interactions are surfaced through injected callbacks (onBack, onDiscover, onTopic) so it stays backend-agnostic. The palette is a dark near-mono base (#0B0B0F background, #15151B / #1D1D26 surfaces, #26262F hairlines) with indigo #6E56F7 brand and #9B8CFF accent, all set in the bundled Inter font. Self-contained pure Flutter per CONVENTIONS.md: its own dark Theme, SafeArea, ellipsis-guarded rows and a scrolling ListView keep it overflow-proof with no network images.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_CoverPainter: a diagonal LinearGradient cover chip with a translucent white highlight circle, one per topic's color pair
- ✓_TopicRow cluster with painted cover, title, post-frequency subtitle, bell toggle and Following/Follow pill
- ✓Mute state that prefixes the subtitle with 'Muted ·', shows a notifications_off icon and tints the bell indigo
- ✓Unfollow state that dims the whole row to 50% Opacity and flips the pill to a filled indigo 'Follow' button
- ✓Live 'Following N topics' header count that recomputes from the unfollowed set as rows toggle
- ✓Injected onBack, onDiscover and onTopic callbacks plus the bundled Inter font and self-contained dark theme
Use cases
- ✓A followed-topics management screen in a social or community app's Explore section
- ✓A subscription/interest settings page where users mute or unfollow content feeds
- ✓A notification-preferences surface letting users silence noisy topics without unfollowing
- ✓An onboarding step confirming and curating the topics a new member follows
