Steps Blocks

Free Steps blocks built on shadcn/ui and Base UI. Preview each one live, then install it with a single shadcn command.

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.

@remixicon/react

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.

@remixicon/react