react-form-mui-tailwind Tailwind Templates

React Form Mui Tailwind

test project, form using React, Formik, Yup, Tailwind for layout and MUI for styling

Sign In form

🔖 About

Project made to study the use of Tailwind CSS for layout and MUI for components.
Used Formik to assemble the form and Yup to validate using schema.

🖼️ Screenshots

Mobile responsive and themes | Light | Dark | Errors | |-------|-------|-------| | | | |

📚 Packages:

  • Formik: build forms.
  • Yup: schema builder for value parsing and validation.
  • MUI: React UI framework.
  • Tailwind CSS: utility-first CSS framework.

Available Scripts

In the project directory, you can run:

yarn

Installing all the dependencies of project

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes