The beta version of Tailwind CSS v4.0 was released a few months ago. Explore the new developments and how Tailwind makes the build process faster and simpler.

LogRocket is a frontend monitoring platform that helps developers debug and troubleshoot issues in web applications by providing session replay, error tracking, and performance monitoring capabilities. With LogRocket, developers can gain insights into user interactions, identify bugs, and optimize application performance to deliver better user experiences. Developers can learn how to integrate LogRocket into their web applications, analyze user sessions, and diagnose frontend issues effectively.

LogRocket

Tailwind CSS v4.0 introduces a new performance engine, Tailwind Oxide, and simplifies project setup by eliminating the need for a `tailwind.config.js` file. This version allows customizations directly within the CSS file using the `@theme` directive. Container queries now have built-in support, and many existing utilities have been improved for better efficiency and styling. An upgrade tool is available to assist with migrating projects from v3 to v4, and several changes to existing utilities are outlined to ensure compatibility.

Getting ready for Tailwind v4.0

See how LogRocket's AI-powered error tracking works

Over 200k developers use LogRocket to create better digital experiences

Is your frontend hogging your users' CPU?

<p>In a way I appreciate Tailwinds not just growing for the sake of growing, but rather staying as a well defined tool. Much in the same way that eslint deprecated their formating rules saying this is not that we should be doing.</p>
