Back to Blog
CSS 6 min read

Tailwind CSS v4: What's New and How to Migrate

Jul 28, 2026 By TEIN
Tailwind CSS v4: What's New and How to Migrate

Tailwind CSS v4 shifts from the plugin system of v3 toward a CSS-first configuration model built on native cascade layers.

What changed

The biggest change is that configuration now lives in plain CSS using the @theme directive, which makes theming simpler and removes most JavaScript setup from your build pipeline.

@theme {--color-primary: #2563eb;}

Migration checklist

Update your PostCSS configuration, move tailwind.config.js values into CSS variables, and run the upgrade tool to find deprecated utilities.

Share this post:
All Posts