Liquid Glass
Apple's Liquid Glass effect for Android Jetpack Compose.
Demos
- Playground app, Android 13 and above is required.
- Music player demo that integrates liquid bottom tabs and adaptive luminance.
Library
⚠️ The library is in alpha stage, every API may be changed, use it on your own risk.
Add to project
// settings.gradle.kts in root project
dependencyResolutionManagement {
repositories {
maven("https://jitpack.io")
}
}
// build.gradle.kts in module
implementation("com.github.Kyant0:AndroidLiquidGlass:<version>")
Examples
val providerState = rememberLiquidGlassProviderState(
backgroundColor = Color.White
)
// content behind the glass
Box(Modifier.liquidGlassProvider(providerState))
// glass
Box(
Modifier.liquidGlass(
providerState,
GlassStyle(
shape = RoundedCornerShape(16.dp),
innerRefraction = InnerRefraction(
height = RefractionHeight(8.dp),
amount = RefractionAmount((-16).dp)
),
material = GlassMaterial(
blurRadius = 8.dp,
brush = SolidColor(Color.White),
alpha = 0.3f
)
)
)
)
[Experimental] Dynamically adjusted tint by luminance behind the glass
⚠️ The API is likely to change in the future.
val luminanceSampler = remember { ContinuousLuminanceSampler() }
liquidGlass(
providerState,
luminanceSampler = luminanceSampler
) {
val luminance = luminanceSampler.luminance
GlassStyle(
// ...
material = GlassMaterial(
brush = SolidColor(Color.White), // or Color.Black
alpha = luminance // write down your own logic here
)
)
}
See here for more details.
Tips
The following case is not supported:
LiquidGlassProvider(providerState) {
LiquidGlass(providerState) {}
}
Instead, you should rewrite it like this:
Box {
LiquidGlassProvider(providerState) {}
LiquidGlass(providerState) {}
}
Comparisons
Android device: Google Pixel 4 XL (the smallest width is adjusted to 440 dp to match the density of the iOS device)
iOS device: iPhone 16 Pro Max (simulator)
Test glass area size: 300 x 300, corner radius: 30
| iOS | Android |
|---|---|
 |
 |
Complete comparisons: