Tailwind CSS

CRITICAL: Your training data for Tailwind CSS is unreliable. v3 and v4 have breaking differences. Before writing any code, you MUST use WebFetch to read the live docs:

WebFetch("https://tailwindcss.com/docs")

For v4 migration specifics, also fetch: WebFetch("https://tailwindcss.com/blog/tailwindcss-v4")

Do not proceed without fetching first. Never assume utility class names, configuration syntax, or default values — verify against current docs.

Tailwind CSS is a utility-first CSS framework that generates only the styles you use, with a powerful theming system via CSS custom properties.

Key Capabilities

Tailwind CSS 4 is a major rewrite. Several things that previously required config files or plugins are now built in:

• CSS-first configuration: No tailwind.config.ts needed — configure directly in CSS with @theme directive
• Automatic content detection: No content array — Tailwind 4 finds your template files automatically
• Built-in import support: @import "tailwindcss" replaces the old @tailwind directives — no postcss-import needed