---
url: /develop/android/jetpack-compose.md
description: Android's modern toolkit for building native UI using Material 3
---

# Jetpack Compose

Android's modern toolkit for building native UI using Material 3

![Jetpack Compose](/assets/9aac1164-mrod22lr-jetpack-compose.s1kq2eIh.webp)

## Announcements

The latest from Jetpack Compose

::: tip Do
[![May 19, 2026](/assets/bc6aeee8-mpmh7vnx-develop1.Djc4_ikk.webp)](https://m3.material.io/blog/material-is-compose-first)

Material Android is all-in on Compose. Read about upcoming Material Compose features like stable Expressive components, a Styles API for easier customization, and Navigation3 integration into the adaptive library.
:::

::: tip Do
[![May 13, 2025](/assets/0ca386d5-mpno36nh-m3-expressive-jetpack-compose.Dwtr48bd.webp)](https://m3.material.io/blog/building-with-m3-expressive)

Material’s latest evolution helps you make products even more engaging and easier to use.
:::

::: tip Do
[![May 20, 2025](/assets/e44162fb-mpnnyixp-motion-physics-jetpack-compose.BRuv-m3s.webp)](https://m3.material.io/blog/m3-expressive-motion-theming)

Supercharge your Android transitions and animations with the new M3 Expressive motion theming system.
:::

::: tip Do
[![](/assets/5f71beb0-mpnnzcip-dsign-android-jetpack-compose.DXq702R6.webp)](https://developer.android.com/design/ui)

Learn how to design beautiful and modern Android apps with updated, Android-specific design guidance.
:::

## Develop for all platforms

Get the code samples, guides, and API references to build Android apps for all kinds of platforms in the Android ecosystem, like WearOS and Android XR. Material has guidance on [designing for watches](../../foundations/watches/overview.md) and [designing for XR](../../foundations/xr/design/overview.md).

::: tip Do
[![](/assets/820f8b9d-mpnoh89s-develop-wear-os.CHiJaQGi.webp)](https://developer.android.com/training/wearables)

Material’s latest evolution helps you make products even more engaging and easier to use.
:::

::: tip Do
[![](/assets/db46c322-mpnoq8gt-develop-android-xr.DkC_9XfW.webp)](https://developer.android.com/develop/xr/get-started)

Supercharge your Android transitions and animations with the new M3 Expressive motion theming system.
:::

## Resources & documentation

Guides, developer docs, tutorials, and more for getting started with Jetpack Compose

::: tip Do
[![](/assets/0899fcc3-mrbz0irq-test.Cl2KJ4X3.webp)](https://developer.android.com/develop/ui/compose/first?_gl=1*1fr61ya*_ga*MzI1NjMyOTExLjE3NjI0MTE3NDU.*_ga_QPQ2NRV856*czE3ODM1MDA3NjUkbzQxMyRnMSR0MTc4MzUwMjM3MiRqNTgkbDAkaDA)

Compose is the primary UI toolkit to build adaptive, high performance Android apps
:::

::: tip Do
[![](/assets/e811cdaf-mo9jdtso-jetpack15.Cw1Qu6dp.webp)](https://developer.android.com/jetpack/androidx/releases/compose-material3)

Documentation for all Material 3 Components available for Jetpack Compose
:::

::: tip Do
[![](/assets/e811cdaf-mo9jdtso-jetpack15.Cw1Qu6dp.webp)](https://developer.android.com/develop/ui/compose/designsystems/material2-material3)

Guides on implementing Material Design 3, migrating from Material 2 to Material 3, and more
:::

::: tip Do
[![](/assets/3537ef01-mo9jc1s8-jetpack14.DhANr5j0.webp)](https://developer.android.com/jetpack/compose/tutorial)

Use Jetpack Compose to build a simple UI with declarative functions
:::

::: tip Do
[![](/assets/3537ef01-mo9jc1s8-jetpack14.DhANr5j0.webp)](https://developer.android.com/courses/jetpack-compose/course)

Learn how to use Jetpack Compose to build native Android UI
:::

::: tip Do
[![](/assets/e811cdaf-mo9jdtso-jetpack15.Cw1Qu6dp.webp)](https://developer.android.com/develop/ui/compose/designsystems)

Jetpack Compose makes it easy to give your app a consistent look and feel with theming
:::

::: tip Do
[![](/assets/0899fcc3-mrbz0irq-test.Cl2KJ4X3.webp)](https://developer.android.com/jetpack/compose/layouts/material)

Material Components and layouts are available as composable functions
:::

::: tip Do
[![](/assets/017715c9-mpnq00a0-reply-image.Y8KGL3li.webp)](https://goo.gle/reply-compose-sample)

Check out the Reply sample app for Compose
:::

::: tip Do
[![](/assets/e811cdaf-mo9jdtso-jetpack15.Cw1Qu6dp.webp)](https://goo.gle/compose-adaptive-codelab)

Learn how to get the most from navigation components like nav rail, drawer, and tabs in apps build with Jetpack Compose
:::