AltraTools
🔁

Tailwind to CSS Converter

Convert Tailwind CSS classes to vanilla CSS properties

0 classes

💡 Quick Reference

flex
display: flex
p-4
padding: 1rem
rounded-lg
border-radius: 0.5rem
shadow
box-shadow: ...
text-xl
font-size: 1.25rem
bg-gray-100
background: #f3f4f6

Free Tailwind to CSS Converter

Convert Tailwind CSS utility classes to standard CSS properties instantly. Perfect for learning CSS equivalents or migrating away from Tailwind.

Features

  • Comprehensive Mapping: Supports 200+ Tailwind classes
  • Spacing Support: Converts padding, margin, width, height
  • Color Support: Full color palette with all shades
  • Arbitrary Values: Handles Tailwind's bracket syntax
  • Unconverted List: Shows classes that need manual handling

Supported Categories

Display, flexbox, grid, spacing, sizing, colors, typography, borders, shadows, transitions, positioning, and more.