Stay organized with collections Save and categorize content based on your preferences.

Compose essentials

Take your first steps with Jetpack Compose and learn about composable functions, basic layouts and state, Material design, lists and animations.

 

Jetpack Compose starter tutorial

Article Optional

Learn the basics of Compose, and how to build a simple UI component with declarative functions. Understand composable functions, basic layouts, and how Material design, lists and animations work in Compose.

Compose overview

Video Optional

Get an overview of Compose, what a declarative UI toolkit is and how to use it to build beautiful UIs.

Thinking in Compose

Article Optional

Learn the basics of Compose, and how to build a simple UI component with declarative functions. Understand composable functions, basic layouts, and how Material design, lists and animations work in Compose.

Write your first Compose app

Codelab

Go hands-on and learn the fundamentals of declarative UI, working with state, layouts, and theming. You'll see what composables and modifiers are, how to work with basic UI elements such as Row and Column, and how to give state to your app.

Basic layouts in Compose

Codelab

In this codelab, you’ll learn how to implement real-world designs with the composables and modifiers that Compose provides out of the box.

State in Compose

Codelab

Learn how the app's state determines what is displayed in the UI, how Compose keeps the UI updated when state changes, how to optimize the structure of your composable functions, and work with ViewModels in a Compose app.

Compose theming

Codelab

In this codelab you will learn how to use Jetpack Compose's theming APIs to style your application. We'll see how to customize colors, shapes and typography so that they're used consistently throughout your application, supporting multiple themes such as light & dark theme.

Migrating to Compose

Codelab Optional

Go hands-on with Material Design in Compose to understand how to theme an app’s colors, typography, and shapes, and support light and dark themes.

Quiz

Test what you’ve learned and earn your Compose essentials badge.