Register_Form Tailwind Templates

Register_form

A registerform created by using language like react js(formik,yup) and tailwind css

React Form with Formik, Yup & Tailwind CSS

This project demonstrates how to create a form in React using Formik for form handling, Yup for validation, and Tailwind CSS for styling. It includes fields like Full Name, Email, Phone, Date of Birth, Gender, Password, and Address โ€” each with proper validation rules.

๐Ÿš€ Features

  • โœ… Client-side form validation
  • ๐Ÿ” Secure input handling via Formik
  • ๐ŸŽจ Responsive UI using Tailwind CSS
  • ๐Ÿงน Auto-clear form after successful submission

๐Ÿ“‹ Fields and Validation Rules

Field Validation
Full Name Required, 4โ€“40 characters, alphabets only
Email Required, valid email format
Phone Required, exactly 10 digits
DOB Required
Gender Required
Password Required, minimum 6 characters
Address Required

โš™๏ธ Technologies Used

๐Ÿ›  Installation

  1. Clone the repository (if applicable):
git clone https://github.com/anup0206/Register_Form.git

Top categories

Loading Svelte Themes