AI code generators break on multi-step forms. After 3-4 steps with validation and branching, the AI loses context and starts breaking things it already got right. You spend tokens fixing regressions instead of building.

This template prevents it with strict file separation. Each form step is an isolated component. Modify one step, and nothing else breaks. The AI only needs to read one file at a time.

What's inside: — 5 form steps with diverse field types (text, email, select, radio, checkbox, file upload, toggle) — Conditional branching: user answers determine which steps appear — Zod validation on every step — Progress persistence via localStorage (survives page refresh) — Review step with edit links back to any section — Clickable progress bar with responsive mobile layout — claude.md file that instructs Bolt's AI on project rules and prevents common mistakes

Built with React 18, TypeScript, Vite, Tailwind CSS, shadcn/ui, React Hook Form, Zustand.

Designed for: SaaS onboarding, KYC flows, lead gen quizzes, insurance applications, product recommendation surveys.

Fork it, open in Bolt, and start building on top. Add a new step, remove one you don't need, reorder the flow. Nothing breaks. Need help customizing this for your product? I offer paid consulting for Supabase/database integration, custom step logic, and adapting the template to your specific onboarding flow. Message me on Contra. Live demo: https://multi-step-form-engine.bolt.host GitHub: https://github.com/natdexterra/multistep-form-engine

The template uses localStorage by default. Need Supabase or another database backend? Custom branching logic? Integration with your existing auth? I can set it up — reach out via Contra for a quote.