Multi Step Form

shadcnexamples/multi-step-form

FreeBlock

Multi-step form UI that divides long forms into clear guided steps with a progress indicator. Includes per-step validation and a final review screen before submission.

Install it

npx shadcn@latest add https://shadcnexamples.com/r/multi-step-form.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

lucide-react

Other registry items

button
input
label
textarea
badge

Files it writes

examples/multi-step-form/components/sidebar.tsx
examples/multi-step-form/components/step-data-source.tsx
examples/multi-step-form/components/step-first-flow.tsx
examples/multi-step-form/components/step-invite-team.tsx
examples/multi-step-form/components/step-role-use-case.tsx
examples/multi-step-form/components/step-template.tsx
examples/multi-step-form/page.tsx

More from @shadcnexamples

All 70 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Activity Feedactivity-feed	@shadcnexamples	Blocks	Free	1 dep
Add Product Formadd-product-form	@shadcnexamples	Blocks	Free	4 deps · 3 files
AI Chatai-chat	@shadcnexamples	Blocks	Free	2 deps · 8 files
Authenticationauthentication	@shadcnexamples	Blocks	Free	1 dep · 2 files
Bento Gridbento-grid	@shadcnexamples	Blocks	Free	1 dep
Blog Detail Pageblog-detail-page	@shadcnexamples	Blocks	Free	1 dep · 4 files
Blog Pageblog-page	@shadcnexamples	Blocks	Free	1 dep · 4 files
Changelog Pagechangelog-page	@shadcnexamples	Blocks	Free	1 dep