shadcn/ui stepper blocks & components.
shadcn/ui stepper blocks & components.Step indicator blocks for shadcn/ui: a horizontal numbered stepper with completed, current, and upcoming states, a vertical rail with titles and descriptions, and an interactive progress-bar wizard header. Small, composable pieces for checkout and setup flows.
Horizontal Numbered Stepper
Variant 1Horizontal progress stepper with numbered nodes, connectors, and labels across completed, current, and upcoming states for checkout or onboarding.
@7ovr/steps-1Vertical Stepper With Descriptions
Variant 2Vertical stepper on a connecting rail where each step shows a title and description across completed, current, and upcoming states.
@7ovr/steps-2Wizard Progress Bar Header
Variant 3Interactive step wizard header with a step counter, percentage, progress bar, the active step title and description, and back and continue buttons.
@7ovr/steps-3
3 Blocks.