What’s New in Tailwind CSS v4

Tailwind CSS v4 introduces a completely rewritten engine that brings significant performance improvements and new features.

Key Features

The new Oxide engine is written in Rust and provides:

You can now configure Tailwind directly in your CSS:

@import "tailwindcss";

@theme {
  --color-primary: #4f46e5;
  --font-sans: "Inter", sans-serif;
}

Container queries are now built-in:

<div class="@container">
  <div class="@lg:grid-cols-2">
    <!-- Content -->
  </div>
</div>

Upgrading from v3 to v4 is straightforward:

Tailwind CSS v4 is a significant leap forward, making it even easier to build beautiful, responsive interfaces.