Tailwind CSSFrontend

Tailwind CSS styles a page with small ready-made class names written right into the markup — flex for a row, gap-4 for spacing, text-zinc-400 for grey. You don't invent names of your own and there is no separate stylesheet; how a block looks is visible right where the block is. Colors, spacing and screen sizes come from one place, and only the styling actually used gets sent. The downside is repetition: the markup gets long.