play music

I’m trying to create a glassmorphic background effect in Jetpack Compose for my Android app. Specifically, I want a background that has a frosted glass effect with a blurred background while keeping the content on top sharp and clear.

Here’s what I’ve tried so far:

Using Modifier.blur():

This blurs the entire content, including the text and images on top, which is not what I want.
Wrapping the background and content in different Box composables:

I attempted to apply the blur effect only to the background, but I still couldn’t achieve the desired glassmorphic effect.
I’m looking for a way to create a background that looks like frosted glass with a blurred effect, but without blurring the content on top. Could someone guide me on how to achieve this in Jetpack Compose?