Tailwind CSS v4 is ok! This release features a “redesigned construction and flexibility experience” and a fresh high-performance website built to be as quickly as possible, making this release the most significant release to date.
With a redesigned design and customization knowledge and full advantage of the most recent advancements the online program has to offer, Tailwind CSS v4.0 is an all-new version of the framework that is optimized for performance and flexibility.
Tailwind v4 is jam-packed with innovative features that increase the growth experience, bring present CSS functions, and more. Here are some of the features:
- High-Performance Engine: Revised primary with builds up to 5x faster and progressive builds over 100x sooner.
- Automatic Content Detection: Sees all template files without guide design.
- CSS-First Configuration: Adjust and expand the platform immediately in CSS rather of JavaScript.
- Container Queries: First-class APIs to design components based on their pot size.
- Modernized P3 Color Palette: Modified color palette optimized for attractive features.
- Reduces the need for specialty configurations that use active power values.
- New 3D Transform Utilities: Put 3D modifications immediately in HTML.
- Expanded Gradient APIs: Support for circular, elliptical variations, and computation methods.
- @starting-style Support: Helps enter and exit shifts without JavaScript.
- Built-In Vite Plugin: Focused plugin for smooth integration and effectiveness with Vite.
- And more…
You can read the complete release news, which covers every fresh feature, that was released in version 4.0.0 on Git Hub.
An upgrade link for moving from v3 to v4 has been updated for v4 as well. Start a new job by following the for or using in the computer.
I noticed that the switch manual includes an update tool that automates tasks like updating your CSS configuration files and installing dependencies. ❤ ️
Congratulations to the Tailwind crew and neighborhood, who have put in a lot of effort to get this far!