Pulse · Story Mention
Pulse · Story Mention is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-story-mentions.
Pulse Story Mention is a full-bleed, immersive story-viewer moment for when someone tags you in their story. It fills the screen with a _MentionMediaPainter — a teal-to-magenta diagonal gradient overlaid with a soft radial light band and nine deterministic confetti dots in indigo, amber, emerald, rose and gold — so the media never depends on a network image. A top-to-bottom black scrim gradient keeps the chrome legible. At the top, a SafeArea author header shows a gradient 'JP' avatar (indigo #6E56F7 to #9B8CFF), 'Jordan Park', a 'mentioned you · 12m' timestamp, and a close IconButton on the right. Centered over the media sits a translucent, white-bordered mention chip with an alternate_email icon and the '@alex.rivera' handle, tappable via onAuthor. Anchored to the bottom is a frosted action card (0.92-opacity #15151B surface, hairline border) headed 'Jordan added you to their story' with an auto_awesome sparkle; below it a gradient primary 'Add to your story' button and a two-up row of _SecondaryButton tiles for Message and Share. Everything is wired through injected VoidCallback hooks (onClose, onAddToStory, onMessage, onShare, onAuthor), so it is a backend-agnostic drop-in. Self-contained pure Flutter: bundled Inter font, its own ThemeData.dark theme, SafeArea, overflow-proof ellipsis text, and 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
- ✓_MentionMediaPainter CustomPainter: teal-to-magenta gradient, radial light band, and nine deterministic multi-color confetti dots (no network image)
- ✓Overlaid translucent mention chip with alternate_email icon and '@alex.rivera' handle, tappable via the onAuthor callback
- ✓SafeArea author header with gradient 'JP' avatar, 'Jordan Park', 'mentioned you · 12m', and a close IconButton
- ✓Frosted bottom action card with a gradient 'Add to your story' primary button plus Message/Share _SecondaryButton tiles
- ✓Five injected VoidCallback hooks (onClose, onAddToStory, onMessage, onShare, onAuthor) for backend-agnostic wiring
- ✓Bundled Inter font, own dark theme with #6E56F7 indigo palette, and full black-scrim gradient overlay for legibility
Use cases
- ✓Notify a user that a friend tagged them in a story and let them re-share it to their own
- ✓Deep-link destination from a 'mentioned you' push notification or activity feed row
- ✓Reshare flow that pipes the tagged story into the user's own story via Add to your story
- ✓Quick-reply entry point letting the tagged user Message or Share back to the story author
