![](http://developer.android.com/static/images/cluster-illustrations/compose-16-9.svg)  

### Develop UI

Jetpack [Compose](https://developer.android.com/jetpack/compose/documentation) is the modern Android toolkit for building native UI with intuitive Kotlin APIs. Compose simplifies and accelerates UI development, including adaptive design for all form factors---from phones, tablets, and foldables to TVs and wearables.  

Compose provides pre-built UI components so you can implement your app's UI with graphics, animations, and other visual elements with minimal code.  

[Quick Guides](http://developer.android.com/quick-guides) [Tutorial](http://developer.android.com/jetpack/compose/tutorial)

## Build UI with Android

[![](http://developer.android.com/static/images/jetpack/compose/want_to_learn_compose.png)](http://developer.android.com/courses/jetpack-compose/course)  

### [New to Compose?](http://developer.android.com/courses/jetpack-compose/course)

**For developers already familiar with Android:** This course covers the essentials of building native UI with Compose, including layouts, theming, animations, architecture, state, accessibility, and testing.  
[Jetpack Compose for Android Developers](http://developer.android.com/courses/jetpack-compose/course)  
[![](http://developer.android.com/static/images/jetpack/compose/new_to_android_development.png)](http://developer.android.com/courses/android-basics-compose/course)  

### [New to Compose and Android?](http://developer.android.com/courses/android-basics-compose/course)

**For developers just getting started with Android:** Learn how to build an Android app using Jetpack Compose, the modern toolkit for building user interfaces on Android.  
[Android Basics with Compose](http://developer.android.com/courses/android-basics-compose/course)

## Build for mobile form factors

Guide

### [Adaptive layouts](http://developer.android.com/develop/ui/compose/layouts/adaptive)

Learn the fundamentals of adaptive design to create user experiences that seamlessly adapt to displays of all sizes on phones, tablets, foldables, and ChomeOS devices.  
Guide

### [Adaptive components](http://developer.android.com/reference/kotlin/androidx/compose/material3/adaptive/layout/package-summary)

Build adaptive UIs using Material 3 adaptive layout components such as `ListDetailPaneScaffold` and `SupportingPaneScaffold`.  
Guide

### [Adaptive navigation](http://developer.android.com/reference/kotlin/androidx/compose/material3/adaptive/navigationsuite/package-summary)

Implement adaptive navigation patterns using Material 3 components such as `NavigationSuite` and `NavigationSuiteScaffold`.

## Build for specific devices

Guide

### [Wear OS](http://developer.android.com/training/wearables/compose)

Write apps for wearables that enable users to stay connected, monitor biometric data, track exercise, and take advantage of other useful features on-the-go.  
Guide

### [Android for TV](http://developer.android.com/training/tv/start/start)

Create new apps for TVs based on what you already know about Android. Or, extend your existing apps to run on TVs.  
Guide

### [Android for Cars](http://developer.android.com/training/cars)

Bring your app to vehicles running Android Auto or Android Automotive OS; one app architecture works for both.  
Guide

### [Android for XR](http://developer.android.com/develop/xr/get-started)

Android XR is an extension of the Android platform, so you can build XR apps with Android APIs and tools or open standards such as OpenXR and WebXR. [![](http://developer.android.com/static/images/guide/topics/ui/accessibility/hero-accessibility.png)](http://developer.android.com/develop/ui/compose/accessibility)  

### [Support accessibility](http://developer.android.com/develop/ui/compose/accessibility)

Design for everyone. Integrate accessibility features and services into your app to improve usability for all users.  
[Develop for accessibility](http://developer.android.com/develop/ui/compose/accessibility)

## See some samples

[![](http://developer.android.com/static/guide/topics/ui/images/overview-now-in-android.png)](https://github.com/android/nowinandroid)  

### [Now in Android](https://github.com/android/nowinandroid)

Now in Android is an Android app built with Kotlin and Jetpack Compose. Now in Android is designed to serve as a reference for Android developers and models best practices for design and development.  
- Android System
- UI

Intermediate  
[![](http://developer.android.com/static/images/cards/distribute/engage/card-games-services.png)](https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets)  

### [AppWidget](https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets)

AppWidgets is a collection of samples that demonstrates how to build app widgets using Jetpack Glance---a framework built on top of Compose.  
- UI

Intermediate

## Optimize your app

[![](http://developer.android.com/static/images/picto-icons/app-optimization-2.svg)](http://developer.android.com/develop/ui/compose/performance)  

### [Performance](http://developer.android.com/develop/ui/compose/performance)

Refine your app's performance to ensure that your user interface runs smoothly and responsively.  
[Read the docs](http://developer.android.com/develop/ui/compose/performance)  
[![](http://developer.android.com/static/images/picto-icons/test-tube.svg)](http://developer.android.com/develop/ui/compose/testing)  

### [Testing](http://developer.android.com/develop/ui/compose/testing)

Write robust tests to ensure that your app's user interface is reliable, free of jank, and working as intended.  
[Learn more](http://developer.android.com/develop/ui/compose/testing)

## Latest videos