The first beta release of Jetpack Compose, Android’s modern, declarative toolkit designed to simplify and accelerate UI development. With Jetpack Compose, you can quickly bring your apps to life with less code, powerful tools, intuitive Kotlin APIs, and built-in support for Material Design, dark theme, animations, and more.
Jetpack Compose offers an implementation of Material Design and provides all the components you need to create beautiful apps, following the guidance described at material.io.
Interoperability
Jetpack Compose is designed to work with Android Views. If you’re building a new app, the best option might be to implement your entire UI with Compose. But if you’re modifying an existing app, you might not want to migrate your app straight away. Instead, you can combine Compose with your existing UI design and adopt it at your own pace.
delete it, then start writing!
If you’re using Material Components for Android in your app—in particular Material Theming—the MDC-Android Compose Theme Adapter library allows you to easily re-use the color, typography and shape definitions from your existing XML themes, from within your composables, so you don’t need to declare them again and have a single source of truth.
Resources
With Jetpack Compose reaching beta, it’s a great time to start learning all about it and get ready to adopt it in your apps. Check out the resources below to get started.
- Develop knowledge and skills at your own pace with the Jetpack Compose Pathway, through sequential learning experiences that include articles, codelabs, quizzes, and videos.
- Visit the Jetpack Compose Samples GitHub repository, where you’ll find a variety of up-to-date samples including Material Studies like Owl, Crane, and Rally.
- Get setup using the Android Studio with Jetpack Compose guide.
- View the Converting an existing app screen to Jetpack Compose video on the Material Design YouTube channel.
- Join the Compose community on StackOverflow and the Kotlin Slack group.
- Report an issue and track bugs on the bug tracker.
