Material Design

Material Design 3 is Google’s open-source design system for building beautiful, usable products.

M3 Expressive: Design with emotion

Build more usable and engaging products with emotion-driven UX. M3 Expressive adds vibrant colors, intuitive motion, adaptive components, flexible typography, and contrasting shapes.

New: Motion physics
Easier-to-implement motion system for more customizable transitions—powered by tokens.

Blog: Guide to our latest update
Get a full introduction to the latest evolution of Material, including new components and style updates.

Dive into the three years of research that influenced the evolution of Material Design’s Expressive update.

Expressive components

New: Toolbars
Flexible component to display frequently used actions. Toolbars hold a variety of controls like buttons, and can also be paired with a FAB.

New: Split button
Pair a button with related actions in a connected menu. Split buttons leverage expressive shape and motion strategies.

Updated: Progress indicators
An eye-catching way to show the status of a process in real time. Customize waveform and thickness to show progress with style.

New: Button groups
A new way to organize related buttons—with shape-shifting buttons that bump and react to each other.

Check out all 14 new and updated M3 Expressive components.

How to apply M3 Expressive

Blog: Using motion physics
Learn how the motion scheme works, the changes to existing APIs, and what you need to know to leverage it.

Watch: Build with M3 Expressive
Discover how to use Material’s emotional design patterns to boost usability and desire for your product.