Onboarding Stepper
Onboarding Stepper is a mobile app Remotion shot (with a public demo.tsx). Watch the video preview, read the recipe notes, and copy the agent brief to implement it from tuned TSX.
- Category
- Mobile App
- Duration
- ~7s (210f @ 30fps, including ≥30f of stillness after settling)
- Energy
- Medium (step-by-step progression, one small peak per step)
- Styles
- 1
Recipe notes
A step-by-step phone onboarding flow: the top stepper dots/connectors light up and advance with each step, each step's content enters with blur-in + slide-up, the bottom Next/Finish button presses through transitions, and a checkmark pops out when done
When to use it
App promo showing an onboarding flow; emphasizes step-by-step progress and per-page content reveal
Intent
Shoot the app's first-run onboarding as a "step forward" shot: the top stepper dots and connectors light up cell by cell as steps advance, page content enters with blur-in + slide-up (not a simple crossfade), the bottom Next/Finish button presses through transitions, and Finish pops out a completion-state checkmark at the end. The core is strict sync between the stepper advancing and the page switching, so the viewer clearly reads "which step + what this step is about".