Skip to content

material-components/material-web

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
January 19, 2023 13:59
February 1, 2023 09:37
February 1, 2023 09:33
January 19, 2023 13:59
January 25, 2023 17:14
February 1, 2023 09:37
January 10, 2023 17:57
January 25, 2023 17:14
January 13, 2023 09:05
August 25, 2022 08:20

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

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