Skip to main content

Material Design 3

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

Material Design 3 Preview

Key Features

A comprehensive design system for building high-quality digital experiences

Adaptable System

Flexible foundation that supports the best practices of user interface design

Cross-Platform

Design and develop across all platforms with our unified design system

Open Source

Access our complete library of components and resources for free

Design System

A complete system of guidelines, components, and tools to help you design and build modern digital experiences.

Color System

Expressive, theme-able, and accessible color systems

Typography

Readable and scalable type system

Components

Ready-to-use interface elements

Material Design System Preview

Components

Discover our comprehensive library of UI components designed for flexibility and consistency

Buttons

Interactive elements with multiple styles and states

Learn more

Navigation

Components for user navigation and menus

Learn more

Cards

Versatile containers for various content types

Learn more

Foundations

The core elements that create the visual language of Material Design

Color

Expressive, themeable color system that can adapt to your brand

Explore color

Typography

Type scale and styles that maintain readability and hierarchy

Explore typography

Elevation

Surface hierarchy and spatial relationships through elevation

Explore elevation

Layout

Responsive grid system and spacing principles

Explore layout

Resources

Everything you need to design and develop with Material Design

Design Kit

Complete design assets for Figma and other design tools

Download now

Development

Code libraries and developer documentation

View documentation

Guidelines

Best practices and design principles

Read guidelines

Ready to get started?

Access all our resources and start building with Material Design

Material Design Resources

Get started with Material Design

Begin your journey with Material Design 3. Access tools, resources, and guidance to create beautiful digital experiences.

1. Download Design Kit

Get started with our complete design assets

2. Read Documentation

Learn the fundamentals and best practices

3. Build Your First Project

Start implementing Material Design components

Get Started with Material Design

Ready to start?

Join thousands of designers and developers

Join the Community