ToolHop.

ADVERT

🌀 CSS to Tailwind Converter

Paste CSS and get Tailwind utility classes for common properties (offline, heuristic).

CSS → Tailwind Converter

Paste CSS rules and instantly see the equivalent Tailwind classes. Unsupported rules are marked with /* no-map */.

Where it helps

  • Porting component snippets from design handoff files.
  • Reviewing PRs that include raw CSS to suggest Tailwind utilities.
  • Teaching teammates how Tailwind maps to classic CSS.

Tips

  • Unsupported rules are commented—use them as reminders to add custom classes.
  • Wrap complex outputs in `clsx` or arrays for easier maintenance.
  • Keep decimals or percentages by editing the generated arbitrary values.

ADVERT

ADVERT