A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
<div class="flex flex-col items-center rounded-2xl">
<img class="size-48 shadow-xl" src="/img/cover.png" />
<span>Class Warfare</span>
</div>
Tailwind is unapologetically modern, and takes advantage of all the latest and greatest CSS features.
Throw a screen size in front of literally any utility to apply it at a specific breakpoint.
Just stick dark: in front of any color to apply it in dark mode.
Customizing your theme is as simple as creating a few CSS variables.
Using grid utilities directly in your HTML makes complex layouts easier to reason about.
Transitions that work the way you'd expect with just a few utilities.
Tag an element as a container to let children adapt to changes in its size.
Some of your favorite sites are built with Tailwind, and you probably had no idea.