Developer tutorials

Start implementing Material Components with these hands-on lessons covering everything from adding a single button to completing the build of a full app.


Android – Java

Java 101: Material basics

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

Java 102: Structure and layout

Learn how to use Material for structure and layout on Android in Java.

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

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

Java 104: Advanced components

Take your design up a notch and learn to use our advanced component backdrop menu in Java.

Java 111: Incorporating Material components into your codebase

Learn how to incorporate individual Material Components into an existing Java code base – without starting from scratch.


Android – Kotlin

Kotlin 101: Material basics

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

Kotlin 102: Structure and layout

Learn how to use Material for structure and layout on Android in Kotlin.

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

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

Kotlin 104: Advanced components

Take your design up a notch and learn to use our advanced component backdrop menu in Kotlin.

Kotlin 111: Incorporating Material components into your codebase

Learn how to incorporate individual Material Components into an existing Kotlin code base – without starting from scratch.


iOS – Objective C

Objective C 101: Material basics

Learn the basics of using Material Components for iOS by building a simple app with core components in Objective-C.

Objective C 102: Structure and layout

Learn how to use Material for structure and layout on iOS in Objective-C.

Objective C 103: Theming with color, shape, motion, and type

Discover how Material Components for iOS make it easy to differentiate your product and express your brand through design in Objective-C.

Objective C 104: Advanced components

Take your design up a notch and learn to use our advanced component backdrop menu in Objective-C.

Objective C 111: Incorporating Material components into your codebase

Learn how to incorporate individual Material Components into an existing Objective-C code base – without starting from scratch.


iOS – Swift

Swift 101: Material basics

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

Swift 102: Structure and layout

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

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

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

Swift 104: Advanced components

Take your design up a notch and learn to use our advanced component backdrop menu in Swift.

Swift 111: Incorporating Material components into your codebase

Learn how to incorporate individual Material Components into an existing Swift code base – without starting from scratch.


Web

Web 101: Material basics

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

Web 102: Structure and layout

Learn how to use Material for structure and layout on the web.

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

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

Web 111: Incorporating Material components into your codebase

Learn how to incorporate individual Material Components into an existing web code base – without starting from scratch.

Web 112: Integrating Material Components with web frameworks

Learn how to extend pre-built Material Components into components for any web framework.


Flutter

Flutter 101: Material basics

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

Flutter 102: Structure and layout

Learn how to use Material for structure and layout on Flutter.

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.

Flutter 104: Advanced components

Take your design up a notch and learn to use our advanced component backdrop menu for Flutter.