Alifarmand/material-web

Material Design Web Components

Material Web

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 the mwc branch.

Links

• Quick start

Roadmap

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

1.0 Components

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	✅	✅	🟡

1.1+ Components

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	❌	❌	❌