STYLES

Styles

The design tokens behind every mtrl component, read from mtrl's own CSS.

Foundations

Color

Every color role in each theme, light and dark, with contrast checks.

Typography

The 15 type scale roles as live samples you can edit.

Coming

Elevation
Shadow levels and tonal surfaces.
Coming
Shape
The corner radius scale.
Coming
Motion
Easing and duration tokens.
Coming
States
Hover, focus, pressed and dragged layers.
Coming
Icons
Material Symbols in mtrl components.
Coming