Onboarding Stepper
Pro Rive template · Category: Navigation
A 4-step onboarding progress bar for sign-up flows, checkouts and setup wizards. Set Step and the green line fills to the next step, finished steps pop in with a drawn checkmark, and the current step pulses. Step 4 marks everything done and fires a completed event your app can listen for. Everything is data-bound in the Stepper view model: the current step, all four step labels, and every color (accent, track, text, muted text, card). One number drives the whole animation, so your app only writes Step. Set Demo to 1 to click through it in a preview. Responsive with Fit.Layout. No scripts.
- stepper
- onboarding
- progress
- steps
- wizard
- sign up
- checkout
- progress bar
- checkmark
- data binding
- view model
- state machine
- events
- responsive
- no scripts
Interactive .riv file: hover, tap and drag interactions work in web, iOS, Android and Flutter Rive runtimes. Customize colors, text and images before download.
Test in Riv Eye · Pricing