codebench_TOOL: HomeLOCAL-ONLY⌘K Switch
Direction:
Version:
Tailwind Input
CSS Output
Press ⌘Enter to convert
codebench $Ctrl+Enter Run

What is Tailwind to CSS?

Paste Tailwind utility classes and get equivalent CSS properties, or paste CSS and get matching Tailwind classes. Supports responsive prefixes (sm, md, lg, xl, 2xl), state variants (hover, focus, active), dark mode, and 2000+ class mappings for Tailwind v3 and v4. All conversion runs in your browser.

Key Features