Pulse · Splash
Pulse · Splash is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-onboarding-splash.
The Pulse splash is the first frame a user sees at cold start, and it is built to feel like a native launch screen rather than a placeholder. The layout is a single centered Column balanced between two Spacers inside a SafeArea and a full-bleed SizedBox.expand. At the vertical center sits the _PulseMark: a 96px brand-gradient rounded square (accent #9B8CFF to brand #6E56F7, top-left to bottom-right) wrapped in a soft electric-indigo glow BoxShadow, with a white heartbeat waveform stroked inside it by the _PulseWavePainter. Below the mark, the wordmark 'Pulse' renders at 36px Inter w700 with tight -0.8 letter-spacing in near-white #F4F4F7, followed by the muted tagline 'Where conversations move.' in #8A8A99. Near the bottom, a 30px _RingLoaderPainter draws a dim #26262F track under a 1.7-radian arc filled with a SweepGradient from transparent to accent, driven by a repeating 1500ms AnimationController for a continuous rotating spinner. The whole surface is a GestureDetector with an opaque hit test wired to an injected onContinue callback, so a tap or your own auto-advance timer chains into onboarding. Everything is self-contained pure Flutter: it forces its own ThemeData.dark(useMaterial3: true), bundles the exact Inter design font, uses the shared Pulse near-mono dark palette with a single indigo accent, and paints the logo and loader entirely in code with zero network or raster assets. It is fully backend-agnostic, overflow-proof, and drops into any route.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_PulseMark: 96px gradient rounded-square brandmark with an indigo glow BoxShadow
- ✓_PulseWavePainter: white heartbeat/pulse waveform stroked with rounded caps inside the mark
- ✓_RingLoaderPainter: dim #26262F track plus a SweepGradient arc spinner
- ✓Repeating 1500ms AnimationController driving the ring via AnimatedBuilder
- ✓onContinue callback on an opaque GestureDetector for tap or auto-advance chaining
- ✓Bundled Inter font, forced ThemeData.dark, and the shared Pulse dark near-mono palette
Use cases
- ✓Cold-start launch screen shown while the app boots and restores a session
- ✓Splash gate that auto-advances into the Pulse onboarding or sign-in flow
- ✓Branded loading state during initial auth token check or profile fetch
- ✓Reusable brandmark and animated ring loader source for other Pulse screens
