Tailwind CSS v4.0 is finally in beta and it includes a revamped engine.
The new engine is able to complete builds in no time thanks to several key improvements like using Rust, a new parser, and faster transpiling.
The new CSS-first configuration feature aligns configurations closer to where they belong by being located directly in the stylesheet, making for a more modernized workflow.
Container queries come pre-loaded in v4.0, removing any need for a plugin.
The Composable variants are now more flexible than ever, allowing developers to chain complex selectors of their choice.
Breaking changes include the removal of predictable utilities, such as text opacity and fixed border colours.
To use Tailwind CSS v4.0 beta, users can upgrade their projects by installing the beta release and necessary plugins of their choosing.
Tailwind's 4.0 beta is a game-changer for modern web development, as it streamlines configuration, provides vibrant color updates, and offers powerful utilities.
The upgrade is straightforward and can be done using either a CLI or PostCSS.