The Tailwind Framework CSS project has released its highly anticipated version 4.0 Beta 1, which is expected to showcase its new features. This update brings about significant changes in four main aspects:
1. Clear performance improvements: The full build process is now 3.78 times faster, taking only 100ms, and incremental rebuilds can be almost instantaneous.
2. Inline CSS configuration: Previously, various configurations relied on the tailwind.config.js file. Now, configurations can be directly done in the CSS file, reducing the number of files in the project.
3. Reduced reliance on external tools: Previously, importing external CSS files required plugins like postcss-import or transpilers like autoprefixer and postcss-preset-env. Now, using Tailwind alone is sufficient.
4. Support for new CSS features: Including CSS cascade layers, a wider color gamut than RGB, and container queries.
For those interested in testing, the tailwindcss@next package can now be installed, supporting Vite, PostCSS, and direct commands.
TLDR: Tailwind Framework CSS version 4.0 Beta 1 introduces major performance improvements, inline CSS configuration, reduced dependency on external tools, and support for new CSS features. Install the tailwindcss@next package for testing.
Leave a Comment