Make beautiful products, faster. Material is a design system – backed by open-source code – that helps teams build digital experiences

  • Design flexibly

    Get started with detailed design guidance and create custom Material themes to make your product unique.

    Learn More

Material makes it possible

From design guidelines to developer components, watch what Material can do for your product process.

Material studies

Get inspired by the many ways Material can express your brand – from layout to typography, motion, and navigation.

VIEW ALL

Animating character

Animations and transitions are powerful moments to express your brand. Learn more about the expressive motion details of Crane, a travel app, which uses animation, emphasized easing, and staggers.

LEARN MORE


Related

Motion

What’s new

The latest updates on design, development, tools, and topics

Applying shape to your UI
Applying shape to your UI

Design Guidelines

Applying shape to your UI

Get updated Material guidance on how to use shape to improve your user’s experience and communicate brand.

Web component catalog
Web component catalog

Github

Web component catalog

Browse interactive demos of Material Components and get handy links to documentation, code, and design guidelines.

Material Design Awards 2018
Material Design Awards 2018

Google Design

Material Design Awards 2018

Learn how award-winning teams at KptnCook, Lyft, Simple Habit Meditation, and Anchor used Material to make expressive, effective apps.

Collections

Get information on a specific Material subject or process with these curated collections of articles, videos, tutorials, and tools to jumpstart your design and development.

VIEW ALL


Dive into color

Generate custom color palettes, download swatches, explore examples, and check the accessibility contrast of your scheme with the Color Tool.

Learn More