Shadcn.io is not affiliated with official shadcn/ui
React Onboarding Stepper
Linear stepper with numbered steps, progress line, and navigation controls for sequential setup flows
Guide users step-by-step with this linear stepper component. Features numbered step circles, connecting progress line, current step content panel, and navigation buttons. Built with shadcn/ui Card and Button. Perfect for account setup, form wizards, or sequential onboarding flows.
React Onboarding Stepper preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React Onboarding Checklist
Expandable checklist
React Onboarding Progress
Progress bar style
React Onboarding Carousel
Feature carousel
React Onboarding Tour
Feature tour
React Onboarding First Project
First project creation
React Onboarding Walkthrough
Guided walkthrough
FAQ
Was this page helpful?
Sign in to leave feedback.