https://github.com/rickxz/multi-step-form

A modern and responsive multi-step form developed with Next.js, TailwindCSS, React Hook Form, and Zod. Features include form validation, smooth animations between steps, and a final summary of user selections.
https://github.com/rickxz/multi-step-form

form form-validation multi-step-form nextjs react react-hook-form tailwindcss typescript zod

Last synced: 5 months ago
JSON representation

A modern and responsive multi-step form developed with Next.js, TailwindCSS, React Hook Form, and Zod. Features include form validation, smooth animations between steps, and a final summary of user selections.

• Host: GitHub
• URL: https://github.com/rickxz/multi-step-form
• Owner: rickxz
• Created: 2024-08-03T00:37:11.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-26T12:28:18.000Z (almost 2 years ago)
• Last Synced: 2025-10-30T07:40:10.352Z (8 months ago)
• Topics: form, form-validation, multi-step-form, nextjs, react, react-hook-form, tailwindcss, typescript, zod
• Language: TypeScript
• Homepage: https://multi-step-form-tau-lilac.vercel.app
• Size: 128 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Multi-step Form

## Table of contents

- [Overview](#overview)

  - [Screenshot](#screenshot)

  - [Built with](#built-with)

  - [Features](#features)

  - [Links](#links)

- [Acknowledgments](#acknowledgments)

## Overview

### Screenshot

![Project Screenshot](./public/screenshot.png)

### Built with

- 🌐 **Next.js 14** - The React framework for production

- 🎨 **TailwindCSS** - Utility-first CSS framework for rapid UI development

- ⚛️ **React Hook Form** - Performant, flexible and extensible forms with easy-to-use validation

- 📜 **Zod** - TypeScript-first schema declaration and validation

### Features

- 📋 Multi-step form with validation

- 🔄 Smooth animations between steps

### Links

- 🚀 Live Site URL: [Visit Now](https://multi-step-form-tau-lilac.vercel.app/)

## Acknowledgments

A special thanks to all the open-source contributors and the creators of the libraries and tools used in this project.