Develop

Build beautiful, usable products with Material Components for iOS, Android, web, and Flutter.

What’s New

The latest Material Components, tutorials, and documentation.

JUN 28, 2018

Web – Guide to Material Components for React

New: Learn how to get started and configure create-react-app to use Material Components.

JUN 28, 2018

iOS – VoiceOver support

Improved support for auditory descriptions of onscreen elements including app bars, sliders, and text fields.

JUN 28, 2018

Flutter – Selection controls

Improved accessibility support for selection controls including checkboxes, radio buttons, and switches.

Developer resources

Enhance your engineering workflow with Material Components and documentation.

Web quick start guide
Web quick start guide
Web – Documentation

Web quick start guide

First time using Material Components? Here’s an overview of how to customize and implement our code to easily create web apps.

Bottom navigation
Bottom navigation
Android – Components

Bottom navigation

Bottom navigation bars make it easy to explore and switch between top-level content views.

Tutorials

Start implementing Material Components with these hands-on lessons for Java, Kotlin, Objective C, Swift, web, and Flutter.

VIEW ALL

Web 101: Material basics
Web 101: Material basics
Google Developers

Web 101: Material basics

Learn the basics of using Material Components for the web by building a simple app with core components.

Swift 102: Structure and layout
Swift 102: Structure and layout
Google Developers

Swift 102: Structure and layout

Learn how to use Material for structure and layout on iOS in Swift.

Flutter 103: Theming with color, shape, motion, and type
Flutter 103: Theming with color, shape, motion, and type
Google Developers

Flutter 103: Theming with color, shape, motion, and type

Discover how Material Components for Flutter make it easy to differentiate your product and express your brand through design.