Loading…
Loading…
Users progress through steps with choices, checklists, and prompts. Setup wizards, guided tours, configuration flows — all without coding.
The Onboarding Stepper is a fully interactive multi-step widget. Each step can contain plain content, a grid of selector cards (single or multiple choice), or a checklist with expandable detail. Steps advance with a Continue button. A progress bar shows where the user is in the flow.
Best used for: setup wizards, product configuration flows, guided feature discovery tours, quiz-style content, and any experience where you want to walk visitors through a decision or process step by step.
Click Continue to move through the steps.
| Setting | What it does |
|---|---|
| Step content type | Each step shows plain content, a selector card grid (single or multi-choice), or a checklist. |
| Progress bar | Shows dots, numbers, or pills indicating current progress through the flow. |
| Required steps | Mark steps as required — users must make a selection before they can continue. |
| Checklist callouts | Each checklist item can expand to show an info, success, or warning callout with extra detail. |
| Completion message | Text shown after the final step is completed. |
An interactive multi-step flow with progress tracking, checklists, selectors, and example prompts. Built for setup guides and onboarding flows.
The Onboarding Stepper walks users through a series of steps with a progress bar, checkable items, selector options, and copyable example prompts. Users can tick off each item as they go — the progress bar fills as they advance.
Best used for: connection setup guides (like the Telegram and LinkedIn pages on this site), product onboarding flows, tutorial checklists, and step-by-step how-to pages.