Resources

Tools

Gallery

Share, upload, and present design iterations with your team

Google Fonts

Access an interactive directory of hundreds of free and beautiful digital fonts

Color Tool

Create and share color palettes, and measure the accessibility of any color combination

Color palette generator

Pick any color to generate a palette that’s usable and beautiful

Shape customization tool

Visualize the look of different shapes for small, medium, and large components

Downloads

These downloads are available under Apache 2.0 or CC-BY 4.0. By downloading these files, you agree to the Google Terms of Service. The Google Privacy Policy describes how data is handled in this service.

Icons

Access five full sets of stylized system icons, available in a range of formats, sizes, and densities

Design kit for Sketch

Create your own baseline and dark theme layouts with these downloadable Sketch symbols

Baseline design kit for Figma

Create your own baseline Material layouts with this component library for Figma

Dark theme design kit for Figma

Create dark theme Material layouts with this component library for Figma

Motion design kit

Quickly design product motion with this After Effects file containing Material components, baseline UIs, and navigation transitions

Icon design templates

Downloadable Adobe Illustrator files for creating your own product and system icons

Product sound files

Download this set of audio files for use in your own product, including sounds for alerts and notifications

Interactive projects

Build a Material theme

Learn how to customize the color, shape, and typography of Material Components

Material starter kit

Use this interactive file template to get up and running with Material Components for the web

Material templates

Start building with Material Components using templates for a portfolio website, login page, and more

Material Theming examples

Explore ways of customizing Material with examples of themed apps and components

Example apps

Design details and developer documentation for Material Studies, showing the design system in action.

Reply

Reply is a hypothetical email app – showcasing Material Theming, the bottom app bar, and floating action button Android

Owl

Owl is a hypothetical educational app – using bold brand colors, a custom dark theme, and an asymmetrical shape scheme Android

Rally

Rally is a hypothetical personal finance app – featuring custom tabs, custom painted widgets, and custom animations Flutter

Shrine

Shrine is a hypothetical shopping app – featuring the backdrop component and advanced customization of color and shape Web Flutter

Additional Google guidelines

Guidance and best practices on designing user interfaces for platforms including Android Auto, Cardboard, and Wear OS.

Android Auto

Design a simple Android interface for cars that helps minimize distraction so drivers can focus on the road

Cardboard VR

Craft great UI for virtual reality – tailored to experiences on the Google Cardboard Viewer

Wear OS

Design smartwatch interfaces that help users get things done without holding their mobile device

Android TV

Create immersive and high-resolution TV interfaces that put movies, games, and shows front and center

Actions on Google

Craft conversations that are natural and intuitive for users and scale your conversations across all devices to help users wherever they are

ARCore

Design practical, innovative, and magical mobile augmented reality experiences