BlockReactregistry:block6 dependencies

Form 11 - Onboarding Form

forms-11

An animated multi-step onboarding form with a circular progress indicator, role-selection cards, and a success screen. Perfect for user onboarding, sign-up flows, and intake wizards that need a polished, guided experience.

@shadcn-dashboard Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @shadcn-dashboard/forms-11

Needs @shadcn-dashboard in your components.json registries — switch to URL if it doesn't resolve.

Registry: @shadcn-dashboard
Kind: Block
Framework: React
Files: 2 · 15.4 KB
Preview: Live
License: MIT

npm dependencies

motion/react lucide-react

Registry dependencies

buttonshadcn/ui
cardshadcn/ui
inputshadcn/ui
textareashadcn/ui

2 variants

Variants of this

Other takes on Form 11 - Onboarding Form from @shadcn-dashboard — the same idea in another design, language or styling.

Update personal information, profile visibility, and account preferences from a clean settings layout. Ideal for user dashboards, profile management pages, and account customization.

Open

@shadcn-dashboard