Tailwind CSS v4

Tailwind CSS is a utility-first CSS framework. v4 is a ground-up rewrite: configuration is CSS-first (@theme replaces tailwind.config.js), all colors use OKLCH, and the Vite plugin replaces PostCSS.

Install (v4)

npm install tailwindcss @tailwindcss/vite

/* app.css */
@import "tailwindcss";