Pulse · Create Story
Pulse · Create Story is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-story-create.
Create Story is Pulse's full-screen capture surface, built as a Stack that fills the display edge-to-edge. Behind everything, a _CameraSurfacePainter renders a dark radial-vignette viewfinder (#1C1C24 into #0B0B0F) with a faint painted focus reticle at 42% height, so the screen reads as a live camera without loading a single network image. A SafeArea Column lays the chrome on top: the header pairs a large close (X) IconButton on the left with two circular _RoundIcon buttons on the right for flash (bolt) and settings. The bottom cluster stacks a horizontally scrollable mode strip of _ModeChip pills — Story selected (white 16% fill, w700 Inter), Reel and Live inactive — above a control row holding a rounded gallery thumbnail painted by _ThumbPainter (a purple-to-terracotta gradient with a warm highlight dot), a centered 78px capture button drawn by _CaptureRingPainter (a thick sweep-gradient ring in the _accent #9B8CFF to _brand #6E56F7 to _accent, wrapping a solid white inner disc), and a larger camera-flip _RoundIcon. Floating against the right edge is a translucent rounded tool rail (black 28% fill, hairline white border) of five _ToolButton icons: Text, Draw, Sticker, Music, Effects. Every control is wired to injected callbacks — onClose, onCapture, onGallery, onTool(String), onMode(String) — so it drops into any backend or camera plugin. Self-contained pure Flutter per CONVENTIONS.md: bundled Inter font, its own ThemeData.dark, SafeArea, overflow-proof layout, all graphics from CustomPainters, no network media.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_CameraSurfacePainter — dark radial-vignette viewfinder with a faint painted focus reticle, no network media
- ✓_CaptureRingPainter — 78px capture button with an accent-to-brand sweep-gradient ring around a solid white disc
- ✓_ThumbPainter — painted gallery preview thumbnail, a purple-to-terracotta gradient with a warm highlight dot
- ✓Right-hand tool rail of five _ToolButton icons (Text, Draw, Sticker, Music, Effects) in a translucent rounded pill
- ✓Horizontally scrollable Story / Reel / Live _ModeChip strip with a selected-state white-fill pill in bold Inter
- ✓Injected callbacks onClose, onCapture, onGallery, onTool(String) and onMode(String) plus bundled Inter font
Use cases
- ✓The story/reel capture entry point of a social or messaging app's camera flow
- ✓A camera-first composer where creators pick a mode before recording a clip
- ✓A drop-in viewfinder shell wired to a real camera plugin via the onCapture hook
- ✓The launch screen for adding ephemeral 24-hour stories from a home feed's plus button
