Material Web 3.0
Foundations
The principles applied across every component: how theming works, how elements respond to input, and how they stay accessible and adapt to the space they get.
Theming
Material Design theming creates unique branded products with familiar patterns and accessible interactions.
Interaction States
Interactive components show their state with a state layer: a translucent overlay of the component's content color, drawn between the container and the content.
Accessibility
Every labs/gb component works with a keyboard, a screen reader and reduced motion.
Adaptive layout
Pages and components change with the window.
Density
Density lets people see more information in data-heavy views by making components more compact.
Layout
Layout adapts an app to the window with window size classes, a column grid, margins and panes.
Scaffold
A scaffold arranges the bars, rails and panes around an app's content, and adapts them to the window size.