Tailwind CSS v4 is out!

Tailwind CSS v4.0 marks the most significant update yet, bringing a completely reimagined configuration system and a high-performance engine designed for speed and efficiency. This version is optimized for flexibility and fully leverages the latest web technologies.

What's New in Tailwind CSS v4?

• 🚀 Blazing-Fast Engine – A rewritten core enables builds up to 5x faster, with incremental builds over 100x faster.
• 🔍 Automatic Content Detection – No more manual configuration - Tailwind now automatically detects all template files.
• 🎨 CSS-First Configuration - Customize and extend Tailwind directly in CSS, reducing the need for JavaScript-based configs.
• 📏 Container Queries – Built-in support for styling elements based on their container size.
• 🌈 Modernized P3 Color Palette – A redesigned, more vivid color palette that takes full advantage of modern display technology.
• ⚡ Dynamic Utility Values – More flexibility with utility values, reducing the need for custom configurations.
• 🔄 3D Transform Utilities – Easily apply 3D transformations right in your HTML.
• 🌅 Expanded Gradient APIs – Full support for radial and conic gradients, plus interpolation modes.
• 🎬 @starting-style Support – Enables smooth enter and exit transitions without JavaScript.
• ❌ not-* variant — Style an element only when it doesn't match another variant, custom selector, or media or feature query.
• 🛠️ Built-In Vite Plugin – Seamless Vite integration for improved performance and developer experience.

…and much more!