All Tailwind CSS Classes — Complete Reference

Browse all 321 Tailwind CSS utility classes with dedicated reference pages. Each page shows the CSS output, responsive variants, state modifiers, and live examples. Classes are grouped by their Tailwind category.

Spacing(30)

p-0 p-1 p-2 p-4 p-8 px-4 py-4 pt-4 pr-4 pb-4 pl-4 m-0 m-1 m-2 m-4 m-8 m-auto mx-auto my-4 mt-4 mr-4 mb-4 ml-4 space-x-2 space-x-4 space-y-2 space-y-4 -m-1 -mt-4 -mx-2

Transitions(17)

transition transition-all transition-colors transition-opacity transition-shadow transition-transform transition-none duration-75 duration-100 duration-150 duration-200 duration-300 duration-500 ease-linear ease-in ease-out ease-in-out

Transforms(20)

scale-0 scale-50 scale-75 scale-90 scale-95 scale-100 scale-105 scale-110 scale-125 scale-150 rotate-0 rotate-45 rotate-90 rotate-180 translate-x-0 translate-y-0 skew-x-0 skew-y-0 origin-center origin-top

Interactivity(19)

cursor-pointer cursor-default cursor-wait cursor-text cursor-move cursor-not-allowed cursor-grab select-none select-text select-all select-auto resize resize-none resize-x resize-y pointer-events-none pointer-events-auto scroll-smooth scroll-auto

Related Discovery Pages

All Tools All CSS Properties All Linux Commands All Emoji All File Extensions All JS Methods All Country Codes

About This Reference

This directory covers every Tailwind CSS utility class available on DuskTools. Each reference page shows the exact CSS properties and values generated by the class, responsive breakpoint variants, hover and focus state modifiers, and a live HTML example you can adapt. Use this as your quick-lookup reference when building utility-first interfaces with Tailwind CSS.