BlockReactregistry:block6 dependencies

Form 01 - Edit Profile Form

forms-01

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

@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-01

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 · 7.3 KB
Preview: Live
License: MIT

Registry dependencies

buttonshadcn/ui
cardshadcn/ui
fieldshadcn/ui
inputshadcn/ui
labelshadcn/ui
switchshadcn/ui

2 variants

Variants of this

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

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.

Open

@shadcn-dashboard