TailwindCSS

TailwindCSS provides utility classes.

With tailwind, you use these utility classes in your HTML instead of writing CSS.

One of the reasons to use utility classes is to compose things in a UI that gives you the option to add classes to components for low-code building.

Responsive utility classes allow you do responsive design in these types of components. Otherwise, you might add a class in the UI and then style it in CSS. 

Tailwind uses design tokens, which help enforce consistent use of styles and spacing.

One of the reasons I don't totally love tailwind is that you need to learn an extra layer on top of CSS. When working alone I have my own site structure in mind and can make decisions about where in the cascading layer I want to make a change to have a wide or specific effect. I can use my own tokens or add new ones when I see fit. But on a team, the extra structure helps keep things in order.

Arbitrary properties
https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties

UnoCSS

https://unocss.dev/

Tailwind Component Libraries

DaisyUI

https://daisyui.com/

Tailwind component library.

Pines

https://devdojo.com/pines

DaisyUI + AlpineJS.

Issue: Accessibility

Sailboat UI

https://sailboatui.com/

Basic tailwind component library.

TailwindCSS Plus

https://tailwindcss.com/plus

Premium TailwindCSS components.

Level
Topics