Preparing for Tailwind v4
Loading "Migrate Tailwind V3 to V4"
Run locally for transcripts
π¨βπΌ A little while ago, the Tailwind Labs team announced the open sourcing of Tailwind CSS v4 development.
π¨βπΌ It's incomplete and not ready to be used in production, but I want you to prepare for it, so you can get excited for what's coming.
π¦ Keep in mind: as Adam Wathan says it, they're open-sourcing progress, not shipping a production-ready version.
Theme configuration in CSS
The major new feature in Tailwind v4 is the ability to customise the theme directly in CSS, with CSS variables.
The JS Tailwind config still be supported eventually, but right now it doesn't exist in v4, so we must port our theme configuration to CSS.
Tooling update
We'll also need to update some of the tools we use to work with Tailwind CSS v4.
Ready? Let's dive into the future of Tailwind CSS!