Tailwind CSS v4 is finally here, and it's not just an incremental update. It's a fundamental ground-up rewrite of the engine that powers our styling workflows, moving away from JavaScript-heavy configurations toward a CSS-first approach.
The Lightning Engine
The most significant change in v4 is the transition to Lightning CSS. The internal engine has been completely rewritten in Rust, resulting in build times that are up to 10x faster than v3. For large-scale projects with thousands of utility classes, this is a game-changer.
CSS-First Configuration
Say goodbye to tailwind.config.js. In v4, you configure your theme directly in your CSS using CSS variables.
"The best configuration is no configuration." By leveraging native CSS variables, Tailwind v4 feels like a natural extension of the browser rather than a framework sitting on top of it.
Automatic Content Detection
You no longer need to specify content paths in a config file. Tailwind v4 automatically scans your project for utility classes, making it truly "zero-config" out of the box. It just works.
The Oxide Compiler
The new Oxide compiler is the secret sauce behind the performance. It intelligently parses your files and generates only the CSS you actually use, with better minification and more robust handling of complex CSS patterns.
Mastering v4 means unlearning some of the configuration-heavy habits of the past and embracing the power of native CSS. It's a cleaner, faster, and more modern way to build for the web.