Compose essentials
Take your first steps with Jetpack Compose and learn about composable functions, basic layouts and state, Material design, lists and animations.
Go back
Jetpack Compose starter tutorial
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
Get an overview of Compose, what a declarative UI toolkit is and how to use it to build beautiful UIs.
Thinking in Compose
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
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
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
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
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
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.