Back to Dictionary
Frontend
Tailwind CSS
A utility-first CSS framework where you style elements using predefined classes directly in your HTML.
The Full Picture
Tailwind CSS provides atomic utility classes like `bg-blue-500`, `p-4`, `flex`, and `rounded-lg` that you compose directly in your markup. AI models love Tailwind because it's explicit and self-contained — each element's styles are visible right there in the JSX. This is why virtually every AI coding tool defaults to Tailwind: it's easier for the model to generate and modify than separate CSS files.
The downside: your HTML can get verbose, and you need Tailwind's config to customize design tokens.
Related Terms
Was this helpful?
Want to go deeper? I write about the real gaps vibe coding leaves behind.
