haze
2.0.0-alpha03indexedBackground blurring for Compose Multiplatform / Jetpack Compose
2.4k
Stars
8
Used by
dependents
81
Health
/ 100
Background blurring for Compose Multiplatform / Jetpack Compose
Visual effects (blur and more) for Compose Multiplatform.
https://github.com/user-attachments/assets/836dd79a-abdc-4cdc-b27d-baee394c1e26
Haze provides hardware-accelerated visual effects for Compose Multiplatform — Android, iOS, Desktop, and Web. Built on a modular effect system, it lets you add blur, tint, and custom effects to any composable with a single modifier.
| Platform | Support |
|---|---|
| Android | ✅ |
| Desktop (JVM) | ✅ |
| iOS |
dependencies {
implementation("dev.chrisbanes.haze:haze:<version>")
implementation("dev.chrisbanes.haze:haze-blur:<version>")
implementation("dev.chrisbanes.haze:haze-blur-materials:<version>")
}
Modifier.hazeEffect(state = hazeState) {
blurEffect {
blurRadius = 20.dp
colorEffects = listOf(HazeColorEffect.tint(Color.Black.copy(alpha = 0.5f)))
}
}
Copyright 2024 Chris Banes
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in 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.
Full documentation: https://chrisbanes.github.io/haze
| ✅ |
| Wasm / JS | ✅ |
Surfaced from shared tags and platforms — no rankings paid for.