A wide, two-column layout that pairs the active step with clear progress context. The left column contains a centered card with soft elevation and rounded corners, acting as the focus area for the current step. The right column shows a vertical step list with numbered markers, current step emphasized and future steps visually muted. Spacing is generous and calm, with strong alignment between columns so the flow reads left to right. The structure sets expectations early, reduces uncertainty, and keeps users oriented without overwhelming them.
npx shadcn@latest add @shadcncraft/multistep-1Sign in or get a license at ShadcnCraft to see its source and install it.