Community Tailwind CSS v4 Best Practices

44 rules across 8 categories for Tailwind CSS v4, prioritized by impact to guide automated refactoring and code generation.

When to Apply

• Configuring Tailwind CSS v4 build tooling (Vite plugin, PostCSS, CLI)
• Writing or migrating styles using v4's CSS-first approach
• Optimizing CSS bundle size and build performance
• Implementing responsive designs with breakpoints or container queries
• Setting up theming with @theme directive and design tokens

Baseline setup (Bun, Vite)

bun add tailwindcss @tailwindcss/vite   # PostCSS projects: @tailwindcss/postcss