What's Material?

Material Design is a design system built and supported by Google designers and developers. Material.io includes in-depth UX guidance and UI component implementations for Android, Flutter, and the Web.

The latest version, Material 3, enables personal, adaptive, and expressive experiences – from dynamic color and enhanced accessibility, to foundations for large screen layouts and design tokens.

All Material 3 content, guidelines, imagery, and resources are available under the Apache 2.0 or CC BY 4.0 license.

UX foundationsFoundations like color, type, and shape are customizable systems in Material
Open-source codeMulti-platform code to build beautiful products, faster
Tutorials, case studies & newsFollow Material's blog for updates, deep dives, and more

Using Material

On Material.io, the design system is organized in three main parts: foundations, styles, and components. Each section includes design guidance and tools to help you customize and build with Material.

Foundations & customizationAccessibility, layout, interaction states, design tokens, and more
StylesSystems for applying color, type, icons, motion, and shape
ComponentsCustomizable UI elements, from menus to buttons to dialogs