https://github.com/realstoman/tailwind-form-validations
Client-side form validations with Tailwind CSS
https://github.com/realstoman/tailwind-form-validations
css frontend javascript javascript-library js react registration-forms tailwind tailwind-css tailwindcss tailwindui ui user-interface validations vite vitejs
Last synced: 3 months ago
JSON representation
Client-side form validations with Tailwind CSS
- Host: GitHub
- URL: https://github.com/realstoman/tailwind-form-validations
- Owner: realstoman
- Created: 2023-02-15T11:24:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-14T04:49:36.000Z (over 2 years ago)
- Last Synced: 2025-04-02T20:39:15.326Z (6 months ago)
- Topics: css, frontend, javascript, javascript-library, js, react, registration-forms, tailwind, tailwind-css, tailwindcss, tailwindui, ui, user-interface, validations, vite, vitejs
- Language: JavaScript
- Homepage: https://tailwind-form-validations.vercel.app
- Size: 115 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind CSS Form Validaitons
Frontend form validations using Tailwind CSS
## Demo URL
[https://tailwind-form-validations.vercel.app/](https://tailwind-form-validations.vercel.app/)
## Setup
Make sure you have Node JS installed. If you don't have it:
- [Download it from nodejs.org](https://nodejs.org)
- [Install it using NVM ](https://github.com/nvm-sh/nvm)
- If you're on Mac, Homebrew is a good option too:
```
brew install node
```
Clone the repo:
```
git clone https://github.com/realstoman/tailwind-form-validations.git
```
Open the project folder:
```
cd tailwind-form-validations
```
Install packages and dependencies:
```
npm install
```
Start a local dev server at `http://localhost:5173`:
```
npm run dev
```
## Notes
- Coming Soon [I'll be doing a screencast](https://www.youtube.com/c/realstoman). Soon I'll be uploading a video to my YouTube channel where I'll be going through the process of the form validations
- Feel free to use it in your projects
- Contributions are welcome