tailwind

Overview

Tailwind CSS v4 is a complete rewrite built on the Rust-based Oxide engine. Configuration moves from JavaScript to CSS via @theme.

Key v4 shifts:

• Config: tailwind.config.js → CSS @theme block
• Import: @tailwind base/components/utilities → @import "tailwindcss"
• Dark mode: automatic via @media (prefers-color-scheme)
• Content detection: automatic, no content array needed

Browser support: Safari 16.4+, Chrome 111+, Firefox 128+

Installation

Vite (Recommended)

npm install tailwindcss @tailwindcss/vite