1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. shadcncraft
  3. Multistep 1 – Split Onboarding Layout

Multistep 1 – Split Onboarding Layout

block

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.

pnpm dlx shadcn@latest add "https://shadcncraft.com/r/multistep-1.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
Provider source unavailable

The item is indexed, but its registry document could not be loaded.

Open source