Is there a way to create a frosted glass effect using Jetpack Compose? My background is dynamic and ...

# compose

[Shivam Dhuria]

Is there a way to create a frosted glass effect using Jetpack Compose? My background is dynamic and I only want the part behind the card to be blurred. (for versions > android 8)
I am trying to make something like this -

[FunkyMuse]

https://github.com/ComposeDesigner/GlassmorphismOnCompose

[Filip Wiesner]

The linked example uses blur modifier which is Android 12+

[Sam]

it should be pointed out that RenderEffect on Android 12+ is not the same as UIBlurEffect on iOS — you’re only able to blur contents within the view; it does not apply to content outside or behind the view, which is the key to creating your desired effect

[Sam]

more info here https://stackoverflow.com/questions/68962788/android-12-rendereffect-blur-is-not-applied-to-the-background-but-to-the-entire