The Tailwind CSS Cheat Sheet 2025 is your go-to reference for building responsive, modern UIs with utility classes. Skip writing custom CSS and speed up development by applying layout, spacing, typography, and flex utilities directly in your markup. Whether you're a beginner or a pro, this guide keeps your workflow efficient and consistent.
Layout
aspect-ratioInfo
columnsInfo
break-afterInfo
break-beforeInfo
break-insideInfo
box-decoration-breakInfo
box-sizingInfo
displayInfo
floatInfo
clearInfo
isolationInfo
object-fitInfo
object-positionInfo
overflowInfo
overscroll-behaviorInfo
positionInfo
top / right / bottom / leftInfo
visibilityInfo
z-indexInfo
Flexbox & Grid
flex-basisInfo
flex-directionInfo
flex-wrapInfo
flexInfo
flex-growInfo
flex-shrinkInfo
orderInfo
grid-template-columnsInfo
grid-columnInfo
grid-template-rowsInfo
grid-rowInfo
grid-auto-flowInfo
grid-auto-columnsInfo
grid-auto-rowsInfo
gapInfo
justify-contentInfo
justify-itemsInfo
justify-selfInfo
align-contentInfo
align-itemsInfo
align-selfInfo
place-contentInfo
place-itemsInfo
place-selfInfo
Typography
font-familyInfo
font-sizeInfo
font-smoothingInfo
font-styleInfo
font-weightInfo
font-stretchInfo
font-variant-numericInfo
letter-spacingInfo
line-clampInfo
line-heightInfo
list-style-imageInfo
list-style-positionInfo
list-style-typeInfo
text-alignInfo
colorInfo
text-decoration-lineInfo
text-decoration-colorInfo
text-decoration-styleInfo
text-decoration-thicknessInfo
text-underline-offsetInfo
text-transformInfo
text-overflowInfo
text-wrapInfo
text-indentInfo
vertical-alignInfo
white-spaceInfo
word-breakInfo
hyphensInfo
contentInfo
Transitions & Animation
transition-propertyInfo
transition-behaviorInfo
transition-durationInfo
transition-timing-functionInfo
transition-delayInfo
animationInfo
Border
border-radiusInfo
border-widthInfo
border-colorInfo
border-styleInfo
outline-widthInfo
outline-colorInfo
outline-styleInfo
outline-offsetInfo
Backgrounds
background-attachmentInfo
background-clipInfo
background-colorInfo
background-imageInfo
background-originInfo
background-positionInfo
background-repeatInfo
background-sizeInfo
Filters
filterInfo
filter: blurInfo
filter: brightnessInfo
filter: contrastInfo
filter: drop-shadowInfo
filter: grayscaleInfo
filter: hue-rotateInfo
filter: invertInfo
filter: saturateInfo
filter: sepiaInfo
backdrop-filterInfo
backdrop-filter: blurInfo
backdrop-filter: brightnessInfo
backdrop-filter: contrastInfo
backdrop-filter: grayscaleInfo
backdrop-filter: hue-rotateInfo
backdrop-filter: invertInfo
backdrop-filter: opacityInfo
backdrop-filter: saturateInfo
backdrop-filter: sepiaInfo
Interactivity
accent-colorInfo
appearanceInfo
caret-colorInfo
color-schemeInfo
cursorInfo
field-sizingInfo
pointer-eventsInfo
resizeInfo
scroll-behaviorInfo
scroll-marginInfo
scroll-paddingInfo
scroll-snap-alignInfo
scroll-snap-stopInfo
scroll-snap-typeInfo
touch-actionInfo
user-selectInfo
will-changeInfo
Transforms
backface-visibilityInfo
perspectiveInfo
perspective-originInfo
rotateInfo
scaleInfo
skewInfo
transformInfo
transform-originInfo
transform-styleInfo
translateInfo
Accessibility
forced-color-adjustInfo