Onboarding Page
Shellless new user activation flow composing a progress stepper, welcome checklist, and connect source card.
Shellless new user activation flow composing a progress stepper, welcome checklist, and connect source card.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Onboarding Page assembles the new user activation flow from three sibling blocks with no shell wrapper. The setup progress stepper opens the page so new users see exactly how many steps remain and which one is current, the welcome checklist surfaces the first actions to complete with checkbox state, and the connect source card closes the flow where users link their first data source and move from zero to active.
No section is hand-built. Each block is independently swappable: add an invite team panel between the checklist and the connect card for products that activate on collaboration, swap the connect source card for a choose plan step when trial conversion is the critical first action, or append a finish setup card after source connection to acknowledge completion.
Reach for this page as the post-signup activation flow, shown once per user until all checklist items are checked. Wire the stepper progress and checklist state to your onboarding completion record, not local state.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the post-signup setup flow with step tracking and source connection. Other configurations:
Tip: no shell means the onboarding steps own the entire viewport; resist adding persistent navigation until the flow is complete so nothing competes with the call to action.