Dev Design Library

Multi Step Form

A dynamic, animated multi-step form with validation.

Multi Step Form preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
@hookform/resolvers, clsx, date-fns, lucide-react, motion, react-hook-form, react-use-measure, sonner, tailwind-merge, zod
Install
npx shadcn@latest add https://uselayouts.com/r/multi-step-form
Files
  • registry/default/example/multi-step-form.tsx
  • components/ui/field.tsx
  • components/ui/card.tsx
  • components/ui/button.tsx
  • components/ui/input.tsx
  • components/ui/textarea.tsx
  • components/ui/select.tsx
  • components/ui/badge.tsx
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts