IMPORTANT: Material Web is a work in progress and subject to major changes
until 1.0 release.
Material Web is Google’s UI toolkit for building beautiful, accessible web
applications. Material Web is implemented as a collection of
web components.
The Material team is currently working on
Material You (Material
Design 3) support for Material components.
Developers using this library should expect some big changes as we work to
improve our codebase and ease of use and implement the newest Material Design.
A few notable changes you should expect:
UX changes as we adopt the new designs (production users will definitely
want to pin to an appropriate release, not mainline)
A single npm package (@material/web)
Simplification of tag name prefixes to md- (CSS custom properties will be
--md-)
Components as top-level folders which contain all variants
Example: top-app-bar and top-app-bar-fixed will be placed in the same
folder: top-app-bar - Components with variant attributes will be split into
several variant components:
Example: mwc-button will be split into md-text-button, md-filled-button,
md-tonal-button, md-outlined-button, etc
Note: Looking for Material 2? MWC components are now on the
mwc branch.