Make beautiful products, faster. Material is a design system – backed by open-source code – that helps teams build digital experiences
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.
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
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.
Github
Web component catalog
Browse interactive demos of Material Components and get handy links to documentation, code, and design guidelines.
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.
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
YouTube
Collaborate with Gallery
Learn how to streamline your design and development process with Material Gallery.
Medium
You need a shape system
Understand how shape can enhance brand expression, direct attention, and reinforce interactions in your UI.
Developer Tutorials
Build with Material Components
Start implementing Material Components with hands-on lessons for Android, iOS, web, and Flutter.
