New Compose Multiplatform components arrived on Composables UICheck it out →

Get started with Jetpack Compose

Welcome to the unofficial Jetpack Compose documentation. This page contains information on how to jump straight into building using Jetpack Compose.

Create a new Jetpack Compose project using Android Studio

From the 'Welcome to Android Studio' wizard, click on the 'New Project' button on the top right.

Welcome to Android Studio wizard

or if you already have an Android Studio project open, go to:

File → New → New Project...

In the 'New Project' wizard select the Empty Compose Activity and press Next.

Welcome to Android Studio wizard

Give a name to your project, a package name and specify where to save the project.

New Empty Compose Activity

your project is now setup and ready to run.

Hit the ▶️ Run Button or press ^R on Mac (CTRL + R on Windows) to run your new Jetpack Compose app.

Add Jetpack Compose to your existing project

The minimum SDK for Jetpack Compose is 21.

Go to your application's build.gradle file (usually app/build.gradle) and include Compose in your buildFeatures:

android {
    buildFeatures {
        compose true
    composeOptions {
        kotlinCompilerExtensionVersion '1.2.0'

next, include the different Jetpack Compose dependencies in your dependencies block:

dependencies {
    implementation 'androidx.activity:activity-compose:1.3.1'

    implementation "androidx.compose.animation:animation:1.1.1"
    implementation ""
    implementation "androidx.compose.material:material:1.1.1"
    implementation "androidx.compose.runtime:runtime:1.1.1"
    implementation "androidx.compose.ui:ui:1.1.1"

How to use Jetpack Compose in your Activity

Make your Activity extend ComponentActivity (part of the activity-compose artifact).

The regular setContentView() function call is replaced with setContent {} which is the entry point to Compose:

class MyActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        setContent {
            // use your composables here

How to use Jetpack Compose in your Fragment

In your Fragment's onCreateView() return a ComposeView() instead of inflating a view:

class MyFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater?,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        return ComposeView(requireContext()).apply {
            setContent {
                // use your composables here

Congratulations! You have now setup Jetpack Compose to your project. 👏