Feature request: transparent background blur / frosted glass effect for components

Hi Adalo team,

I would love to request a visual styling feature that would make a big difference for modern app design:

Transparent blur / frosted glass effect for component backgrounds.

At the moment, we can give components a solid background color or a gradient background color. We can also make those colors transparent, which is already useful. However, what is currently missing is the ability to apply a blur effect to the content behind a transparent background.

In other words: a true backdrop blur / frosted glass effect.

This would be especially useful for:

  • Buttons
  • Lists
  • Groups / rectangles
  • Cards
  • Navigation bars
  • Bottom bars
  • Modals
  • Player screens

A possible setup could be:

  • Background color
  • Background opacity
  • Background blur amount
  • Border color / opacity
  • Optional shadow or glow

Right now, transparent backgrounds work, but they do not blur what is behind them. This means that when using image backgrounds, gradients, or visual textures, transparent cards and buttons can quickly become harder to read. A blur layer would make the UI look cleaner, more premium, and much more modern.

This would allow Adalo apps to create a proper glassmorphism / frosted glass style without custom code or external workarounds.

There is also currently a limitation with gradient backgrounds: while the feature exists in the builder, it does not seem to work reliably on Android builds and newer iPhone devices. Because of that, solid or transparent backgrounds are often the safer option, but they still lack the modern blurred effect.

A native transparent blur option would be a huge improvement for app design in Adalo, especially for apps with strong visual branding, atmospheric backgrounds, wellness apps, music apps, dashboards, onboarding screens, and premium-looking interfaces.

At the moment, the only workaround is to manually create blurred versions of background images, but that is not flexible and does not work well for dynamic screens, lists, reusable components, responsive layouts, or different device sizes.

Adding native backdrop blur to component backgrounds would make it much easier to create polished, modern, app-store-quality designs directly inside Adalo.

Thanks for considering this. I really think this would be a valuable addition to the design system.

This is a great request @Steven1, noted!

Interesting, have you submitted a ticket?

Also make sure to add your vote too, thank you and have a great day!

Great! This would really be a game changer!

And yes, I was mailing with Jahnavi about this.
Still pending I guess.

I attached a photo of this example. The black-ish grey horizontal line is where a gradient button is supposed to be.
This is on Android 16.

Anyway :slight_smile:

Want a suggestion? Forget about gradient on Android (with react native). Is a mess. Believe me