Roadmap

Version 3.0 (labs/gb) is the M3 Expressive implementation of MWC. It adds Expressive components (such as the button group, split button, FAB menu, carousel, loading indicator, and toolbar), dynamic color, the Expressive shape, type, and motion systems, WAI-ARIA 1.3 conformance, and Web Platform Baseline fallbacks. Version 2.5.0 remains in maintenance mode.

Note: No future work is planned while MWC is in maintenance mode. These roadmap items represent what used to be planned.

Version 3.0 builds every component in the list 2.5.0 planned except these:

• Autocomplete
• Banner
• Data table

The badge, bottom sheet, card, date and time pickers, navigation bar, drawer and rail, search, segmented button, snackbar, tooltip and top app bar are in labs/gb. The toolbar replaces the bottom app bar in M3 Expressive.

Version 3.0 has the shape and motion system tokens.

We also want to make it easier to use Material Design tokens, such as applying Material typescale, shape, and color to your own components.

Density allows components to take up less vertical space for larger displays. While we have some spacing tokens already, we need a comprehensive spacing system to fully support density across components.

TSX is a popular language extension for frameworks like React. We want to make it easier and more seamless to use Material Web Components in TSX.

Components are only part of the story to build fully expressive Material Design applications. We want to explore ways to support building applications that follow Material's layout patterns.

Completed in Q1 2024

Everyone should be able to access and enjoy the web. We want our components to help others build accessible experiences. The following screen readers are fully supported:

• VoiceOver
• Talkback
• ChromeVox
• JAWS
• NVDA

Completed in Q4 2023

• Components
  • ✅ Card preview
• Features
  • 🟡 Prevent event default behavior
    • We fixed lots of bugs, but there's still ways we can improve.
  • ✅ Size tracking
  • ✅ Docs and examples

Completed in Q3 2023

• Features
  • ✅ Color theming
  • ✅ Typography theming
• Components
  • ✅ Button
  • ✅ FAB
  • ✅ Icon button
  • ✅ Checkbox
  • ✅ Chips
  • ✅ Dialog
  • ✅ Divider
  • ✅ Elevation
  • ✅ Focus ring
  • ✅ List
  • ✅ Menu
  • ✅ Progress indicators
  • ✅ Radio
  • ✅ Ripple
  • ✅ Select
  • ✅ Slider
  • ✅ Switch
  • ✅ Tabs
  • ✅ Text field