How to upgrade an Astro JS project from Tailwind CSS v3 to Tailwind CSS v4 ( Alpha )

With the recent release of Tailwind CSS v4 by the Tailwind Labs team, it's time to explore how to upgrade an Astro JS project to Tailwind CSS v4 (Alpha), based on the information available.

What We Know So Far

Tailwind CSS 4.0 introduces the Oxide engine, built with Rust, for faster compilation. It enhances development with a CSS-first approach, composable variants, and automatic content detection. New features like cascade layers, container queries, and Lightning CSS integration simplify setup and improve performance.

Read the full article