Multi-Step Form (React + Zod + RHF)

An interactive multi-step form built with React.
Includes form validation, progress tracking, and dynamic step transitions.

---

Features

• Multi-step form with dynamic validation per step
• Built with React and React Hook Form
• Schema validation using Zod
• Progress indicator using Radix UI Progress
• Accessible form elements (Radix UI components)
• Animated transitions using Framer Motion
• Styled with Tailwind CSS
• Responsive layout
• Toast notifications using Sonner
• TypeScript

---

Tech Stack

• React
• React Hook Form
• Zod
• Radix UI (Checkbox, Radio, Progress, Switch, Label)
• Tailwind CSS
• Sonner
• Vite
• TypeScript

---

Demo

👉 Multi-Step form (Hosted on Vercel)

---

Setup Instructions

# Clone the repo
git clone https://github.com/YOUR_GITHUB_USERNAME/multi-step-form.git

# Install dependencies
npm install

# Run the app locally
npm run dev