Tailwind ↔ CSS Converter
Paste a list of Tailwind utility classes to get the equivalent CSS declarations, or paste a CSS block to discover the matching utilities. Covers the ~100 most-used utilities across layout, spacing, typography, color, flexbox, grid, and borders.
Features
- Bidirectional Tailwind ↔ CSS conversion
- Hand-curated map of ~100 utilities
- Unmatched tokens surfaced separately
- Works entirely offline, zero network
Frequently Asked Questions
- Which utilities are supported?
- About 100 of the most-used Tailwind utilities: display, position, flex, grid, padding, margin, width/height, text, colors, borders, shadows, and more.
- Does it handle arbitrary values like `p-[23px]`?
- Not yet - the lookup is a hand-curated map of the most common utilities so results are predictable. Unrecognised classes are listed under 'Unmatched'.
- Can I paste a full CSS block with a selector?
- Yes. The parser extracts the declarations between the first `{` and last `}`. Selector wrappers are stripped before matching.