7Ovr
3 Blocks

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

Steps 1Free

Horizontal progress stepper with numbered nodes, connectors, and labels across completed, current, and upcoming states for checkout or onboarding.

Vertical Stepper With Descriptions

Steps 2Free

Vertical stepper on a connecting rail where each step shows a title and description across completed, current, and upcoming states.

Wizard Progress Bar Header

Steps 3Free

Interactive step wizard header with a step counter, percentage, progress bar, the active step title and description, and back and continue buttons.

ButtonProgress