Enables creating complex, responsive layouts by positioning UI elements relative to each other, improving code readability and alignment efficiency across multiple platforms.
ConstraintLayout is a layout that allows you to place composables relative to other composables on the screen. It is an alternative to using multiple nested Row, Column, Box and other custom layout elements. ConstraintLayout is useful when implementing larger layouts with more complicated alignment requirements.
Consider using ConstraintLayout in the following scenarios:
The androidx.constraintlayout:constraintlayout-compose library is available for Jetpack Compose, but it is not currently available for Compose Multiplatform. This library changes that, by providing the ConstraintLayout for many of the platforms supported by Compose Multiplatform.
| Platform | Supported |
|---|---|
| Android |
Usage is very simple:
import androidx.constraintlayout.compose.ConstraintLayout
@Composable
fun ConstraintLayoutContent() {
ConstraintLayout {
(button, text) = createRefs()
Button(
onClick = { },
modifier = Modifier.constrainAs(button) {
top.linkTo(parent.top, margin = dp)
}
) {
Text()
}
Text(
,
Modifier.constrainAs(text) {
top.linkTo(button.bottom, margin = dp)
}
)
}
}
You'll note that I have kept the package name the same as that in AndroidX. This is to enable easy migration for when support is added to Compose Multiplatform.
val commonMain by getting {
dependencies {
/// Compose 1.11.0+
implementation("tech.annexflow.compose:constraintlayout-compose-multiplatform:0.8.0")
/// Compose 1.11.0+ with different tech.annexflow.constraintlayout.core package
implementation("tech.annexflow.compose:constraintlayout-compose-multiplatform:0.8.0-shaded-core")
/// Compose 1.11.0+ with different tech.annexflow.constraintlayout package
implementation("tech.annexflow.compose:constraintlayout-compose-multiplatform:0.8.0-shaded")
}
}
Thanks to Chris Banes for the initial structure of the project.
Copyright 2026 The Android Open Source Project
Portions 2026 Sergei Gagarin
Licensed under the Apache License, Version 2.0 (the "License");
you may use except compliance the License.
You may obtain a copy of the License at
https:
Unless applicable law agreed to writing, software
distributed under the License distributed an BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express implied.
See the License the specific language governing permissions
limitations under the License.
| ✅ |
| iOS | ✅ |
| Desktop (JVM) | ✅ |
| Desktop (Mac) | ✅ (experimental) |
| Web | ✅ (experimental) |
Surfaced from shared tags and platforms — no rankings paid for.