Tailwind to CSS
Convert Tailwind CSS utility classes to plain CSS. See what styles each class generates.
Supported: Display, Position, Flexbox, Text, Spacing (margin, padding, gap), Sizing (width, height), Border radius, Overflow, Cursor, and more.
Note: Colors require your Tailwind config for accurate conversion.
Note: Colors require your Tailwind config for accurate conversion.
Tailwind CSS - Détails techniques
Tailwind is a utility-first CSS framework. Each class maps to CSS properties: flex → display: flex, p-4 → padding: 1rem, text-red-500 → color: #ef4444. Responsive prefixes (md:, lg:) apply at breakpoints.
Alternative en ligne de commande
<!-- Tailwind classes --> <div class="flex items-center p-4 bg-blue-500"> /* Generated CSS */ display: flex; align-items: center; padding: 1rem; background-color: #3b82f6;