Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Discover over 30 Material Design UI components and their functions. Understand how to use them to design intuitive and visually appealing user experiences.

Material Symbols is a variable icon font with thousands of fonts across seven weights and three styles.

Material Web is Google’s component library for building applications that work in any web framework.

Implement Material Design with code and developer documentation for MDC-Android, Flutter, Jetpack Compose, and the Web.

Discover Material Design's latest update: M3 Expressive for more engaging and user-friendly products.

Canonical layouts, which address some of the most common layouts across apps, are the recommended starting point for adaptive designs. Learn more about each of the canonical …

The Material color system includes: Built-in set of accessible color relationships For example, a dark surface color is algorithmically paired with a light text label color so the UI automatically …

Top app bars display navigation, actions, and text at the top of a screen. They contain a title and actions related to the current screen.

With design tokens, you can now download, customize, and apply Material styles and integrate them across your design and development process. Tokens allow decisions to be documented …