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 | π΄ | π΄ | π΄ |