Tailwind CSS v4 Configuration

A complete guide to configuring Tailwind CSS v4 with its new CSS-first approach, unified toolchain, and modern feature set.

When to Use This Skill

• Installing Tailwind v4 for the first time in a new project
• Migrating from Tailwind v3 to v4 (breaking changes and setup differences)
• Setting up build tools: Vite, PostCSS, or standalone CLI
• Customizing themes using the @theme directive
• Configuring content paths and template detection
• Adding plugins or creating custom utilities
• Configuring dark mode, prefixes, or other global options
• Troubleshooting v4 configuration issues

Key v4 Changes Overview