MARKETPLACE
PLUGINS
LIQUID GLASS PRO BUBBLE MOBILE
Liquid Glass Pro Bubble Mobile logo

Liquid Glass Pro Bubble Mobile

Published August 2026
   β€’    Updated this week

Plugin details

Frosted glass effect for Bubble Mobile App: soft background blur, glowing borders, 3 element styles (panels, text, buttons), and smooth animations.
       

⚑ Key Features:

🧊 Glass That Reads as Glass
 A genuine Gaussian blur of whatever sits behind it, plus tint, background opacity, and a glass-edge border. Light, dark, or follow the phone's theme.
πŸŽ›οΈ Three Modes, One Element
 A plain glass panel, glass with centered text, or a real glass button that fires a Pressed event on tap.
🌈 Make It Yours
 Overlay color or gradient, inner and outer glow, border width, and corner roundness - all in the Bubble editor, no CSS.
✨ It Moves
 Fade, scale, or slide-up on appear, a subtle squeeze on tap, and an optional slow pulse. Show Glass and Hide Glass animate it from any workflow, and Set Blur changes the blur on the fly.
πŸ“Š Plugged Into Your Workflows
 Shown, Hidden, and Pressed events, plus Is Visible and Press Count states.



Documentation

We've created a detailed step-by-step guide for the Liquid Glass Pro Bubble Mobile Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What is the Liquid Glass Pro Bubble Mobile Plugin?
It brings Apple's signature frosted-glass look to your Bubble Mobile app, with content blurring softly behind semi-transparent navigation bars, buttons, and panels.

How do I set it up in my app?
Install the plugin, drop the Liquid Glass element onto your page, pick one of the three modes, and style the tint, glow, and animations from the editor.

What are the three modes?
A plain glass panel, glass with centered text, or a real glass button that fires a Pressed event on tap.

Does the blur work on Android?
The Gaussian blur is iOS-only. On Android it falls back to a transparent background, while tint, gradient, glow, border, text, and animations all work the same.

What use cases is this plugin ideal for?
Floating headers, bottom nav bars, dashboards, media apps, and modals - anywhere you want depth without extra visuals.

   


Our Similar Plugins

- Liquid Glass (Apple Style)




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you'd pay only 17Β’ per day ($5/30 days)!

$40

One time  β€’  Or  $4/mo

stars   β€’   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   β€’   873 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/liquid-glass-pro-bubble-mobile
This plugin is designed specifically for the mobile version of the Bubble editor.
To test the plugin on your mobile device, use the TestFlight app: https://testflight.apple.com/join/zYsG4qua

Demo preview: https://zeroqode-native-demo-10.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=Liquid%20Glass

Demo editor: https://bubble.io/page?id=zeroqode-native-demo-10&tab=Design&name=Liquid+Glass&type=page&version=live&elements=bTNMZ

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Mobile   β€’   Image   β€’   Technical   β€’   Containers   β€’   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble