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: