CSS Tools

Tailwind → Vanilla CSS Converter

Paste a string of Tailwind utility classes and get the equivalent hand-written CSS rule — useful for learning what a class does, or migrating away from Tailwind.

Supports common utilities for spacing (p-*, m-*, gap-*), flex/grid layout, sizing, typography, color (a curated palette subset), borders, radius, and shadow. Arbitrary values like w-[220px] and responsive/state prefixes (md:, hover:) are converted using the base utility with a comment noting the prefix, since those need media queries or pseudo-classes that don't fit a single flat rule.