# Backdrop (Liquid Glass)

![frontPhoto](artworks/banner.png)

Apple's Liquid Glass effect for Android Jetpack Compose.

⚠️ The library is in alpha stage, every API may be changed, use it on your own risk.

## Docs

[![JitPack Release](https://jitpack.io/v/Kyant0/AndroidLiquidGlass.svg)](https://jitpack.io/#Kyant0/AndroidLiquidGlass)

[1.0.0-alpha11](https://kyant.gitbook.io/backdrop)

[before 1.0.0-alpha10](docs/LegacyDocs.md)

## Demos

- [Playground app](./app/release/app-release.apk), Android 13 and above is required.

![Playground screenshot](artworks/playground_app.jpg)

- [Catalog](./catalog/release/catalog-release.apk)

|                                                                                   |                                                                             |
|:---------------------------------------------------------------------------------:|:---------------------------------------------------------------------------:|
| <img alt="Control center" width="200" src="artworks/catalog_control_center.jpg"/> | <img alt="Bottom tabs" width="200" src="artworks/catalog_bottom_tabs.jpg"/> |

## Comparing with iOS

iOS device: iPhone 16 Pro Max (emulator), using [GlassExplorer](https://github.com/ktiays/GlassExplorer)

Android device: Google Pixel 4 XL (the smallest width is adjusted to 440 dp to match the density of the iOS device)

Glass size: 300 x 300, corner radius: 30

|                             iOS                              |                               Android                                |
|:------------------------------------------------------------:|:--------------------------------------------------------------------:|
| ![iOS inner refraction](./artworks/ios_inner_refraction.png) | ![Android inner refraction](./artworks/android_inner_refraction.png) |

Complete comparisons:

- [Inner refraction](https://github.com/Kyant0/AndroidLiquidGlass/blob/530bed05f8342bf607463a775dea93a531f73f42/docs/Inner%20refraction%20comparisons.md)
- [Bleed](https://github.com/Kyant0/AndroidLiquidGlass/blob/530bed05f8342bf607463a775dea93a531f73f42/docs/Bleed%20comparisons.md)

## Star history

[![Star history chart](https://api.star-history.com/svg?repos=Kyant0/AndroidLiquidGlass&type=Date)](https://www.star-history.com/#Kyant0/AndroidLiquidGlass&Date)