Get started with Jetpack Compose

Jetpack Compose is the modern toolkit for building native Android UI. Here's where you'll find the latest information about using Compose.

Foundation

Thinking in Compose: Learn how Compose's declarative approach is different from the view-based approach you may have used in the past, and how to build a mental model of working with Compose.
Managing state: Learn about setting and using state in your Compose app.
Lifecycle of composables: Learn about the lifecycle of a composable, and how Compose decides if it needs to be redrawn.
Side-effects in Compose: Learn the best ways to manage side-effects.
Architectural layering: Learn about the architectural layers that make up Jetpack Compose, and the core principles that informed its design.
Semantics in Compose: Learn about the Semantics tree, which organizes your UI in a way that can be used by accessibility services and the testing framework.
Locally scoped data with CompositionLocal: Learn how to use CompositionLocal to pass data through the Composition.

Android Studio with Compose: Set up your development environment to use Compose.
Tooling: Learn about Android Studio's new features to support Compose.
Kotlin for Compose: Learn how certain Kotlin-specific idioms work with Compose.
Developer ergonomics: Learn how migrating to Compose can affect your app's APK size and runtime performance.

Layouts: Learn about Compose's native layout components, and how to design your own.
- Layout basics: Learn about the building blocks for a straightforward app UI.
- Material Components and layouts: Learn about Material components and layouts in Compose.
- Custom layouts: Learn how to take control of your app's layout, and how to design a custom layout of your own.
- Alignment lines: Learn how to create custom alignment lines to precisely align and position your UI elements.
- Intrinsic measurements: Since Compose only allows you to measure UI elements once per pass, this page explains how to query for information about child elements before measuring them.
- ConstraintLayout: Learn how to use ConstraintLayout in your Compose UI.
Theming: Learn how to theme your Compose-based UI.
Lists: Learn about some of Compose's options for managing and displaying lists of data.
Text: Learn about Compose's main options for displaying and editing text.
Graphics: Learn about Compose's features for building and working with custom graphics.
Animation: Learn about Compose's different options for animating your UI elements.
Gestures: Learn how to build a Compose UI that detects and interacts with user gestures.

Adopting Compose in existing apps: Learn how to integrate Compose with the architecture and UI of your existing apps.
- Adding Compose to your app: Learn the basics about how to start using Compose in an existing View-based app.
- Interoperability APIs: Learn about Compose's APIs to help you combine Compose with View-based UI.
- Compose in your existing architecture: Learn how to combine View and Compose-based UIs while adopting Compose in your app.
- Compose in your existing UI: Learn how to share view-based UI elements between Compose and non-Compose parts of your app's UI.
Compose and other libraries: Learn how to use view-based libraries in your Compose content.
Compose architecture: Learn how to implement the unidirectional flow pattern in Compose, how to implement events and state holders, and how to work with ViewModel in Compose.
Navigation: Learn how to use NavController to integrate the Navigation component with your Compose UI.
Resources: Learn how to work with your app's resources in your Compose code.
Accessibility: Learn how to make your Compose UI suitable for users with different accessibility requirements.
Testing: Learn about testing your Compose code.
- Testing cheat sheet: A quick reference of useful Compose testing APIs.