tailwindcss-material-tokens
Typography
display-large
display-medium
display-small
headline-large
headline-medium
headline-small
title-large
title-medium
title-small
body-large
body-medium
body-small
label-large
label-medium
label-small
Elevation
Border / Outline
border-outline
border-outline-variant
outline-outline
outline-outline-variant
Shape
Color
P
S
T
E
PC
SC
TC
EC
PCF
PCFD
SCF
SCFD
TCF
TCFD
SCLowest
SCLow
SC
SCHigh
SCHighest
SurfaceB
Surface
SurfaceV
SurfaceD
SurfaceT
SurfaceI
Shadow
Scrim
Background
B
BV
PaletteP
PaletteS
PaletteT
PaletteN
PaletteNV
Motion
Emphasized
Emphasized Decelerate
Emphasized Accelerate
Standard
Standard Decelerate
Standard Accelerate
Window Media Query
Compact [max-width: 600px]
Medium [min-width: 600px] [max-width: 840px]
Expanded [min-width: 840px] [max-width: 1200px]
Large [min-width: 1200px] [max-width: 1600px]
Sizing
w-compact
w-medium
w-expanded
w-large