Form wizard
Interactive steppers, progress patterns, and business workflow compositions.
Numbered horizontal wizard
Completed, active, and upcoming states share a connected progress line.
Vertical connected stepper
Persistent step navigation sits beside current content.
This local preview updates as you select each connected step.
Icon-based wizard
Lucide icons make each workflow stage immediately recognizable.
Step 2 of 4
Progress bar wizard
Percentage and step count update from local state.
Complete the fields for this stage.
Pill stepper
Segmented navigation provides a compact tab-like treatment.
Arrow stepper
Chevron segments communicate forward movement without images.
Current segment: Configure
Minimal underline wizard
Text labels and a fine underline create a lightweight pattern.
Card-based wizard
Large selectable cards explain each workspace setup stage.
Timeline wizard
Milestones read naturally as a connected operational history.
Completed locally
Completed locally
Current milestone
Not started
Compact dot wizard
A minimal indicator suited to modals and onboarding panels.
Step 2 of 5
Checkout wizard
A wide checkout workflow with a fictional order summary and no payment processing.
Demo checkout only. Do not enter real payment information.
Registration wizard
Account, profile, preferences, and confirmation for a demo registration flow.
Demo UI only; no account will be created.
Split onboarding wizard
Step 2 of 4
Product creation wizard
An editor-style workflow covering details, media, pricing, and review.
Split-screen process wizard
A descriptive step rail provides context beside the selected form.
Configure access rules
Complete the current local preview before moving forward.
Review and completion
Summary, edit actions, completion feedback, and restart behavior.
Northstar Studio · Growth plan
Sofia Garcia · Administrator
Weekly digest · English