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. Material 3 is the latest version of Googleβs open-source design system.
Note: Looking for Material 2?
<mwc-*
components are now on themwc
branch.
Alpha components are in-development and may have many frequent breaking changes.
Beta components are mostly polished and ready for use.
Stable components are reviewed, documented, and API complete.
- β Not started
- π‘ In progress
- β Complete
Component | Alpha | Beta | Stable |
---|---|---|---|
Button | β | β | β |
FAB | β | β | β |
Icon button | β | β | β |
Checkbox | β | β | β |
Chips | β | β | β |
Dialog | β | β | β |
Divider | β | β | π‘ |
Elevation | β | β | β |
Focus ring | β | β | β |
Field | β | β | π‘ |
Icon | β | β | β |
List | β | π‘ | π‘ |
Menu | β | π‘ | π‘ |
Progress indicator (circular) | β | β | β |
Progress indicator (linear) | β | β | β |
Radio button | β | β | β |
Ripple | β | β | π‘ |
Select | π‘ | β | β |
Slider | β | β | β |
Switch | β | β | β |
Tabs | β | β | β |
Text field | β | β | π‘ |
These components are planned for release after 1.0.
Component | Alpha | Beta | Stable |
---|---|---|---|
Autocomplete | π‘ | β | β |
Badge | π‘ | β | β |
Banner | β | β | β |
Bottom app bar | β | β | β |
Bottom sheet | β | β | β |
Segmented button | π‘ | β | β |
Card | β | β | β |
Data table | β | β | β |
Date picker | β | β | β |
Navigation bar | π‘ | β | β |
Navigation drawer | π‘ | β | β |
Navigation rail | β | β | β |
Search | β | β | β |
Snackbar | β | β | β |
Time picker | β | β | β |
Tooltip | β | β | β |
Top app bar | β | β | β |