# Multistep 2 – Media-assisted onboarding layout

> A three-column composition that blends form, visual, and progress. The left column uses a contained card for the active step, with clear hierarchy and strong primary action. The center column introduces a full-height media panel with rounded corners, used as visual breathing room and brand tone rather than instruction. The right column repeats the vertical step indicator, keeping progress visible and consistent. The layout feels more editorial and expressive, while still keeping the task flow clear and anchored.

A paid shadcn/ui block sold by the [@shadcncraft](https://shadcncraft.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcncraft/multistep-2).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/multistep-2
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/multistep-2-light-1c7b0e48fa01d2c0.png
- Categories: multistep
- Listed: 2026-10-13

## Buy and install

@shadcncraft sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/shadcncraft/multistep-2

## Dependencies

- Registry items: `button`, `card`, `field`, `input`, `@shadcncraft/progress-item-1`