Overview

Haze provides Blur and Glass effects for Compose Multiplatform.

It supports every Compose Multiplatform platform:

Platform	Supported
Android	✅ (API 23+)
Desktop (JVM)	✅
iOS	✅
macOS	✅ (Apple silicon)
Wasm / JS	✅

You can also see it in action in the Tivi app:

Download

repositories {
    mavenCentral()
}

dependencies {
    // Core infrastructure
    implementation("dev.chrisbanes.haze:haze:<version>")

    // Blur, plus optional ready-made Blur styles
    implementation("dev.chrisbanes.haze:haze-blur:<version>")
    implementation("dev.chrisbanes.haze:haze-blur-materials:<version>")

    // Glass
    implementation("dev.chrisbanes.haze:haze-glass:<version>")
}

Add haze plus only the effect modules you use, and keep every Haze artifact on the same version. See Architecture for the full module list.

Acknowledgements

In previous versions, the Skia-backed implementation (used on iOS and Desktop) was heavily influenced by Kirill Grouchnikov's explorations on Compose Desktop. He wrote about it in his Shader based render effects in Compose Desktop with Skia blog post.

The Android implementation was inspired by the techniques documented by Chet Haase and Nader Jawad in the RenderNode for Bigger, Better Blurs blog post.

Thank you all.

License

Copyright 2024 Chris Banes

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.