# Feature request: transparent background blur / frosted glass effect for components **URL:** \ **Category:** Feature Requests\ **Tags:** ui-customization, backlog\ **Created:** [June 18, 2026, 10:03pm UTC](https://forum.adalo.com/t/feature-request-transparent-background-blur-frosted-glass-effect-for-components/67211 "2026-06-18T22:03:58Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![Steven1](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@Steven1](https://forum.adalo.com/u/Steven1)\ **Post date:** [June 18, 2026, 10:03pm UTC](https://forum.adalo.com/t/feature-request-transparent-background-blur-frosted-glass-effect-for-components/67211/1 "2026-06-18T22:03:58Z")
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. ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [June 19, 2026, 3:32pm UTC](https://forum.adalo.com/t/feature-request-transparent-background-blur-frosted-glass-effect-for-components/67211/2 "2026-06-19T15:32:34Z")
This is a great request @Steven1, noted! > [@Steven1](#): > > 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. Interesting, have you submitted a ticket? Also make sure to add your vote too, thank you and have a great day! ---
**Author:** ![Steven1](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@Steven1](https://forum.adalo.com/u/Steven1)\ **Post date:** [June 23, 2026, 1:35pm UTC](https://forum.adalo.com/t/feature-request-transparent-background-blur-frosted-glass-effect-for-components/67211/3 "2026-06-23T13:35:40Z")
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 🙂 ![IMG_1231](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/0/7056a6534459efb8eda4fabe3d31c04cc900d482.jpeg) ---
**Author:** ![Eugen](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/eugen/32/25382_2.png) [@Eugen](https://forum.adalo.com/u/Eugen)\ **Post date:** [June 23, 2026, 3:16pm UTC](https://forum.adalo.com/t/feature-request-transparent-background-blur-frosted-glass-effect-for-components/67211/4 "2026-06-23T15:16:50Z")
Want a suggestion? Forget about gradient on Android (with react native). Is a mess. Believe me