Tailwind Normalizer

⌘ Enter to normalize

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

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