# Material Design 3

Published articles for Material Design 3.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Material Design 3 for Compose version 1.3

DevFeed: [Material Design 3 for Compose version 1.3](<https://devfeed.tech/articles/material-design-3-for-compose-version-1-3-29279.md>)

Original publisher: [Read original article](<https://material.io/blog/material-3-compose-1-3>)

Published: 2024-09-10T13:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [version](<https://devfeed.tech/topics/version.md>)

Tags: [compose](<https://devfeed.tech/tags/compose.md>), [exploring](<https://devfeed.tech/tags/exploring.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [release](<https://devfeed.tech/tags/release.md>), [version](<https://devfeed.tech/tags/version.md>)

### AI overview

An article exploring the 1.3 release of Material Design 3 for Compose.

### Source excerpt

Exploring the 1.3 release of Material Design 3 for Compose

## Using the Gemini app with Material Design 3

DevFeed: [Using the Gemini app with Material Design 3](<https://devfeed.tech/articles/using-the-gemini-app-with-material-design-3-29265.md>)

Original publisher: [Read original article](<https://material.io/blog/how-to-gemini-app-compose-material-design-3>)

Published: 2024-05-07T13:00:00Z

Content type: tutorial

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design for Bootstrap](<https://devfeed.tech/topics/material-design-for-bootstrap.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [developers](<https://devfeed.tech/tags/developers.md>), [example](<https://devfeed.tech/tags/example.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>)

### AI overview

The article presents example prompts for designers and developers using the Gemini app with Material Design 3.

### Source excerpt

Example prompts for designers and developers

## Material Design 3 for Compose 1.2

DevFeed: [Material Design 3 for Compose 1.2](<https://devfeed.tech/articles/material-design-3-for-compose-1-2-29278.md>)

Original publisher: [Read original article](<https://material.io/blog/material-3-compose-1-2>)

Published: 2024-02-07T13:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [compose](<https://devfeed.tech/tags/compose.md>), [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [release](<https://devfeed.tech/tags/release.md>)

### AI overview

This article explores the 1.2 release of Material Design 3 for Compose.

### Source excerpt

Exploring the 1.2 release of Material Design 3 for Compose

## Material Design 3 for Compose gets new components and features

DevFeed: [Material Design 3 for Compose gets new components and features](<https://devfeed.tech/articles/material-design-3-for-compose-gets-new-components-and-features-29277.md>)

Original publisher: [Read original article](<https://material.io/blog/material-3-compose-1-1>)

Published: 2023-05-10T13:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [components](<https://devfeed.tech/tags/components.md>), [compose](<https://devfeed.tech/tags/compose.md>), [features](<https://devfeed.tech/tags/features.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [release](<https://devfeed.tech/tags/release.md>)

### AI overview

This article explores the 1.1 release of Material Design 3 for Compose, including new components and features.

### Source excerpt

Exploring the 1.1 release of Material Design 3 for Compose

## Material Design 3 for Compose is now stable

DevFeed: [Material Design 3 for Compose is now stable](<https://devfeed.tech/articles/material-design-3-for-compose-is-now-stable-29280.md>)

Original publisher: [Read original article](<https://material.io/blog/material-3-compose-stable>)

Published: 2022-10-24T08:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [compose](<https://devfeed.tech/tags/compose.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [release](<https://devfeed.tech/tags/release.md>), [stable](<https://devfeed.tech/tags/stable.md>)

### AI overview

The article announces the first stable release of Material Design 3 for Compose.

### Source excerpt

Exploring the first stable release of Material Design 3 for Compose

## MDC-Android Stable release 1.7.0

DevFeed: [MDC-Android Stable release 1.7.0](<https://devfeed.tech/articles/mdc-android-stable-release-1-7-0-29231.md>)

Original publisher: [Read original article](<https://material.io/blog/android-stable-release-1-7-0>)

Published: 2022-10-20T10:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>), [Android](<https://devfeed.tech/topics/android.md>)

Tags: [a11y](<https://devfeed.tech/tags/a11y.md>), [android](<https://devfeed.tech/tags/android.md>), [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [release](<https://devfeed.tech/tags/release.md>), [stable](<https://devfeed.tech/tags/stable.md>)

### AI overview

MDC-Android Stable release 1.7.0 includes Material Design 3 shape guidance and improved accessibility.

### Source excerpt

with Material Design 3 shape guidance and improved a11y

## Redesigning Material.io to expand visual and interactive expression in Material Design 3

DevFeed: [Redesigning Material.io to expand visual and interactive expression in Material Design 3](<https://devfeed.tech/articles/magic-utility-and-redesigning-material-io-29297.md>)

Original publisher: [Read original article](<https://material.io/blog/material-io-redesign>)

Published: 2022-10-18T10:00:00Z

Content type: article

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [interactive](<https://devfeed.tech/tags/interactive.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>)

### AI overview

The article discusses redesigning Material.io to support greater visual and interactive expression in Material Design 3 guidelines.

### Source excerpt

Pushing visual and interactive expression in design guidelines with Material Design 3

## Material Design Components for Android 1.6.1

DevFeed: [Material Design Components for Android 1.6.1](<https://devfeed.tech/articles/material-design-components-for-android-1-6-1-29230.md>)

Original publisher: [Read original article](<https://material.io/blog/android-stable-release-1-6-1>)

Published: 2022-07-07T12:59:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>), [Android](<https://devfeed.tech/topics/android.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [color](<https://devfeed.tech/tags/color.md>), [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>)

### AI overview

Material Design Components for Android 1.6.1 includes color harmony and Material Design 3 refinements.

### Source excerpt

With color harmony and Material Design 3 refinements

## Dynamic themes with Compose and Material 3

DevFeed: [Dynamic themes with Compose and Material 3](<https://devfeed.tech/articles/dynamic-themes-with-compose-and-material-3-28366.md>)

Original publisher: [Read original article](<https://siddroid.com/post/compose/dynamic-themes-with-compose-and-material-3/>)

Author: Siddhesh Patil

Published: 2022-04-27T23:50:55Z

Content type: tutorial

Language: en

Sources: [Sid Patil - Android Engineer and Kotlin Advocate](<https://devfeed.tech/sources/sid-patil-android-engineer-and-kotlin-advocate.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [Android](<https://devfeed.tech/topics/android.md>), [material-you](<https://devfeed.tech/topics/material-you.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-12](<https://devfeed.tech/tags/android-12.md>), [android-13](<https://devfeed.tech/tags/android-13.md>), [articles-by-sid-patil](<https://devfeed.tech/tags/articles-by-sid-patil.md>), [compose](<https://devfeed.tech/tags/compose.md>), [dynamic-colors-jetpack-compose](<https://devfeed.tech/tags/dynamic-colors-jetpack-compose.md>), [dynamic-theming](<https://devfeed.tech/tags/dynamic-theming.md>), [github](<https://devfeed.tech/tags/github.md>), [github-pages](<https://devfeed.tech/tags/github-pages.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [jetpack-compose-theme](<https://devfeed.tech/tags/jetpack-compose-theme.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [md3](<https://devfeed.tech/tags/md3.md>), [monet](<https://devfeed.tech/tags/monet.md>), [typography](<https://devfeed.tech/tags/typography.md>)

### AI overview

A tutorial on building dynamic light and dark themes with Jetpack Compose and Material 3, using wallpaper-derived colors from Material You on Android 12 and later. It covers dependencies, the Material Theme Builder, generated theme files, and manual theme preparation.

### Source excerpt

Use wallpaper generated system colors from Android 12 and Material You to repaint your apps to the users taste by using the material design 3 library and Jetpack compose

## Chasing Monet inside the Android framework

DevFeed: [Chasing Monet inside the Android framework](<https://devfeed.tech/articles/chasing-monet-inside-the-android-framework-28362.md>)

Original publisher: [Read original article](<https://siddroid.com/post/android/chasing-monet-inside-the-android-framework/>)

Author: Siddhesh Patil

Published: 2022-04-27T23:50:55Z

Content type: article

Language: en

Sources: [Sid Patil - Android Engineer and Kotlin Advocate](<https://devfeed.tech/sources/sid-patil-android-engineer-and-kotlin-advocate.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [material-you](<https://devfeed.tech/topics/material-you.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [ui](<https://devfeed.tech/topics/ui.md>), [color](<https://devfeed.tech/topics/color.md>), [aosp](<https://devfeed.tech/topics/aosp.md>), [android-13](<https://devfeed.tech/topics/android-13.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-12](<https://devfeed.tech/tags/android-12.md>), [android-13](<https://devfeed.tech/tags/android-13.md>), [android-framework](<https://devfeed.tech/tags/android-framework.md>), [android-open-source-project](<https://devfeed.tech/tags/android-open-source-project.md>), [android-system-ui](<https://devfeed.tech/tags/android-system-ui.md>), [aosp](<https://devfeed.tech/tags/aosp.md>), [article](<https://devfeed.tech/tags/article.md>), [articles-by-sid-patil](<https://devfeed.tech/tags/articles-by-sid-patil.md>), [color](<https://devfeed.tech/tags/color.md>), [deep-dive](<https://devfeed.tech/tags/deep-dive.md>), [design](<https://devfeed.tech/tags/design.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [dynamic-colors-jetpack-compose](<https://devfeed.tech/tags/dynamic-colors-jetpack-compose.md>), [dynamic-theming](<https://devfeed.tech/tags/dynamic-theming.md>), [dynamic-theming-on-android](<https://devfeed.tech/tags/dynamic-theming-on-android.md>), [framework](<https://devfeed.tech/tags/framework.md>), [how-does-dynamic-theming-work-on-android](<https://devfeed.tech/tags/how-does-dynamic-theming-work-on-android.md>), [internals](<https://devfeed.tech/tags/internals.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [md3](<https://devfeed.tech/tags/md3.md>), [monet](<https://devfeed.tech/tags/monet.md>), [monet-in-aosp](<https://devfeed.tech/tags/monet-in-aosp.md>), [monet-theme-engine](<https://devfeed.tech/tags/monet-theme-engine.md>), [monet-theming](<https://devfeed.tech/tags/monet-theming.md>), [pixel](<https://devfeed.tech/tags/pixel.md>), [system-ui-apk](<https://devfeed.tech/tags/system-ui-apk.md>), [tiramisu](<https://devfeed.tech/tags/tiramisu.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

A technical deep dive into Monet, the Android framework changes behind Android 12/12L dynamic theming and Material You. It explains how System UI responds to wallpaper changes, extracts colors, generates tonal palettes, and refreshes the system context.

### Source excerpt

We deep dive into the internals of the Android framework, covering the System-UI to understand the changes introduced starting from Android 12/12L and above, code-named Monet. We will explore the new system-wide dynamic theming capabilities and take a look at how Monet fuels the Material You design.

## Material Design Components for Android 1.5.0

DevFeed: [Material Design Components for Android 1.5.0](<https://devfeed.tech/articles/material-design-components-for-android-1-5-0-29229.md>)

Original publisher: [Read original article](<https://material.io/blog/android-stable-release-1-5>)

Published: 2022-02-17T13:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>), [Android](<https://devfeed.tech/topics/android.md>), [color](<https://devfeed.tech/topics/color.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [color](<https://devfeed.tech/tags/color.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>)

### AI overview

Material Design Components for Android 1.5.0 is presented as a release featuring Material Design 3 refinements and additional color utilities.

### Source excerpt

With Material Design 3 refinements and more color utilities

## How Oddfellows Illustrated Material You

DevFeed: [How Oddfellows Illustrated Material You](<https://devfeed.tech/articles/how-oddfellows-illustrated-material-you-29268.md>)

Original publisher: [Read original article](<https://material.io/blog/interview-oddfellows-m3-art-style>)

Published: 2022-01-27T13:00:00Z

Content type: article

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>), [material-you](<https://devfeed.tech/topics/material-you.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>)

### AI overview

The article explores and offers downloads of illustrations created by Oddfellows for the Material Design 3 site, describing how they bring the site to life.

### Source excerpt

Explore (and download) the new illustrations that bring the Material Design 3 site to life

## Migrating to Material Design 3

DevFeed: [Migrating to Material Design 3](<https://devfeed.tech/articles/migrating-to-material-design-3-29305.md>)

Original publisher: [Read original article](<https://material.io/blog/migrating-material-3>)

Published: 2021-10-27T09:20:00Z

Content type: tutorial

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [migrate](<https://devfeed.tech/tags/migrate.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

A tutorial about migrating to Material Design 3 and adopting its newest updates.

### Source excerpt

Learn how to migrate to our newest updates

## Start building with Material You

DevFeed: [Start building with Material You](<https://devfeed.tech/articles/start-building-with-material-you-29320.md>)

Original publisher: [Read original article](<https://material.io/blog/start-building-with-material-you>)

Published: 2021-10-27T09:00:00Z

Content type: tutorial

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [material-you](<https://devfeed.tech/topics/material-you.md>), [color](<https://devfeed.tech/topics/color.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [personalization](<https://devfeed.tech/topics/personalization.md>)

Tags: [color](<https://devfeed.tech/tags/color.md>), [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [personalization](<https://devfeed.tech/tags/personalization.md>)

### AI overview

A developer article about implementing dynamic color and exploring personalization features in Material Design 3 while building with Material You.

### Source excerpt

Implement dynamic color and explore some of the latest personalization features of Material Design 3