Tailwind CSS Custom Forms
Out of the box, selects, checkboxes, and radios look awful in Tailwind and the only way to make them look better is with custom CSS.
The goal of this project is to provide a better starting point for form elements that is still fairly unopinionated, and easy to customize by adding utilities instead of having to write complicated CSS rules.
- Install the plugin:
# Using npmnpm install @tailwindcss/custom-forms --save-dev# Using Yarnyarn add @tailwindcss/custom-forms -D
- Add it to your
// tailwind.config.jsmoduleexports =// ...plugins:
The project is still early but basic documentation can be found here:
Clone the repository:git clone https://github.com/tailwindcss/custom-forms.git tailwindcss-custom-formscd tailwindcss-custom-forms
Install the dependencies:# Using npmnpm install# Using Yarnyarn
Start the development server:# Using npmnpm run dev# Using Yarnyarn run dev
Now you should be able to see the demo/docs running at localhost:3000.