Tailwind Normalizer

v4 font sizes: text-xs=12px text-sm=14px text-base=16px. Radius: rounded-xs=2px rounded-sm=4px. Assumes 1rem=16px.

Input
Output

Output will appear here

Hover tokens to see what changed

Common Replacements

v418 examples
text-[1rem]text-base
text-[0.875rem]text-sm
font-[700]font-bold
p-[1rem]p-4
gap-[0.5rem]gap-2
w-[100%]w-full
size-[1.5rem]size-6
rounded-[0.5rem]rounded-lg
rounded-[0.25rem]rounded-sm
rounded-[0.125rem]rounded-xs
border-white/[0.08]border-white/8
bg-white/[0.04]bg-white/4
display: flexflex
font-size: 1remtext-base
padding: 1rem 2rempy-4 px-8
flex-shrink-0shrink-0
xl:text-[0.75rem]xl:text-xs
hover:opacity-[0.8]hover:opacity-80
Created by @siamparvez44