Tailwind Arbitrary Value Helper

Build arbitrary value classes (e.g. w-[123px], top-[50%]) with unit hints. Copy ready.

Input

Property prefix

Arbitrary value

Class

w-[123px]

Example

<div className="w-[123px]">
  Content
</div>

Frequently Asked Questions

Yes. No sign-up.

Was this helpful?

Convert Tailwind utility classes to equivalent CSS. Debug and understand Tailwind output.

Reference Tailwind breakpoints (sm, md, lg, xl, 2xl) with pixel values and container widths.

Convert between CSS units: px, rem, em, pt, cm, mm, in, pc, vh, vw, %