Tailwind CSS v4: What's New

Tailwind CSS v4 is a complete rewrite that brings massive performance improvements and a new CSS-first configuration approach.

Key Changes

• CSS-first config - No more tailwind.config.js needed
• OKLCH colors - Better color manipulation
• Native CSS variables - Dynamic theming made easy
• Lightning CSS - Blazingly fast compilation

New Syntax

@import "tailwindcss";

@theme {
  --color-primary: oklch(0.35 0.06 50);
}

The future of CSS is here!