Search blocks

Find a block by name or category

3 Blocks

Steps Blocks

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.

Steps 1

Free

A horizontal progress stepper with numbered nodes, connectors, and labels, showing completed (check), current, and upcoming states. For checkout, onboarding, or any multi-step flow header.

Steps 2

Free

A vertical stepper with numbered or checked nodes on a connecting rail, each step showing a title and description across completed, current, and upcoming states. For setup guides and onboarding checklists.

Steps 3

Free

A progress-bar step indicator showing the current step number, a percentage, a progress bar, the active step's title and description, and back and continue controls. An interactive wizard header.

ButtonProgress

Steps Blocks FAQ

Categories that pair well with Steps blocks when composing a page.