Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. Il allows you writing your style without leaving your HTML.
The biggest disadvantage of tailwindcss is the risk of having too long classes that will make our code not readable enough.
As React is component-based, we can extract component logic with its classes and reuse them elsewhere which will result in more readable code with more components and less classes.
That's why I created this collection of React components with Tailwindcss strictly typed with Typescript which allows you to focus on using the component. It's fully customizable.
These components are compatible with all browsers
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
 |
 |
 |
 |
 |
If you would like to contribute on the project, fixing bugs, improve accessibility or open an issue, please follow our Contribution guide
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.