tailwindcss.com/
Tailwind CSS
Tailwind CSS is free. CSS utilities you apply in markup instead of writing a stylesheet by hand.
What is Tailwind CSS?
Tailwind CSS is free. Tailwind CSS gives you small classes for spacing, color, and layout. shadcn/ui and most of the React UI generators in this catalog assume it is installed.
Tailwind CSS is a tool in the Frameworks category of a tech stack.
Level
Key Features
Utility classesDesign tokensBuild-time CSS
Tailwind CSS Pros & Cons
Pros of Tailwind CSS
You style a component without leaving the markup
Unused styles are stripped in production
The default scale keeps spacing consistent
Cons of Tailwind CSS
Class lists get long on complex components
It is a different habit if you are used to semantic CSS