Tailwind CSS Cheatsheet
Toggle theme
Layout
breakpoints
box-decoration-break
container
box-sizing
display
float
clear
isolation
object-fit
object-position
overflow
overscroll
position
top, right, bottom, left
visibility
z-index
Grid
grid-template-columns
grid-column, start/end
grid-template-rows
grid-row, start/end
grid-auto-flow
grid-auto-columns
grid-auto-rows
gap
Spacing
padding
margin
space between
Typography
text color
text opacity
font-family
font-size
font-smoothing
font-style
font-weight
font-variant-numeric
letter-spacing
line-height
list-style-type
list-style-position
::placeholder color
::placeholder opacity
text-align
text-decoration
text-transform
text-overflow
vertical-align
white-space
word-break
Borders
border-radius
border-width
border-color
border opacity
border-style
divide width
divide color
divide opacity
divide style
ring width
ring color
ring opacity
ring offset width
ring offset color
Tables
border-collapse
table-layout
Interactivity
appearance
cursor
outline
pointer-events
resize
user-select
accessibility
Effects
box-shadow
opacity
mix-blend-mode
background-blend-mode
Flexbox
display
flex-direction
flex-wrap
flex
flex-grow
flex-shrink
order
Box Alignment
justify-content
justify-items
justify-self
align-content
align-items
align-self
place-content
place-items
place-self
Sizing
width
min-width
max-width
height
min-height
max-height
Backgrounds
background-attachment
background-clip
background-color
background opacity
background origin
background-position
background-repeat
background-size
background-image
gradient color
Transitions and Animation
transition-property
transition-duration
transition-timing-function
transition-delay
animation
Transforms
scale
rotate
translate
skew
transform-origin
transform
Filter
filter
blur
brightness
contrast
drop-shadow
grayscale
hue-rotate
invert
saturate
sepia
backdrop-filter
backdrop-blur
backdrop-brightness
backdrop-contrast
backdrop-grayscale
backdrop-hue-rotate
backdrop-invert
backdrop-opacity
backdrop-saturate
backdrop-sepia
SVG
fill
stroke
stroke-width