Bring Apple-grade glassmorphism to your app with frosted blur and dynamic distortion. Fine-tune intensity, layer effects, and instantly give any interface a clean, modern, premium look.
       


⚡ Main Functions:

• Apple-Style Glassmorphism.
   Adds a modern translucent frosted-glass effect.
• Two Visual Elements.
   Includes frosted blur and dynamic distortion layers.
• Customizable Appearance.
   Adjust blur, opacity, brightness, and contrast.
• Dynamic Layering.
   Layer elements with real-time distortion and transparency.
• No-Code Simplicity.
   Add glass effects easily without CSS or JavaScript.

⚡ Key Features:

☄️Lightweight Performance.
    Optimized for smooth rendering on desktop and mobile.
✨ Perfect for Modern Interfaces.
     Great for dashboards, logins, modals, and premium interfaces.



Documentation

We’ve created a detailed step-by-step guide for the Liquid Glass (Apple Style) Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

What is the Liquid Glass (Apple Style) plugin?
It brings modern glassmorphism effects to your Bubble app, offering two visual elements with frosted blur and dynamic distortion for a refined “liquid glass” look.

How do I set it up?
Add either the “Liquid Glass” or “Apple Like Glass” element to your page, assign the “Target Element ID” of the element you want the effect applied to, and then customize parameters such as blur strength, saturation, distortion scale, and background color.

What are the key customization options?
You can adjust: blur strength (intensity of the blur), saturation (color intensity), distortion scale (wave effect detail), turbulence frequency (pattern density), background color, and shadow properties like blur, spread, and color.

Which variant should I choose?
“Liquid Glass” is the advanced option with strong distortion and full customization.
“Apple Like Glass” is a refined version inspired by Apple’s design with smoother effects and a highlight overlay for a premium look.

Are there any layout considerations for best results?
Yes—use a target element with a white or transparent semi-transparent background (e.g., 30% opacity). Avoid stacking multiple glass elements over each other to maintain clarity and performance.

Can I apply this effect to any element?
Yes—as long as the target element has a unique ID attribute and is rendered visibly on the page when the effect is applied.

Is coding required to use this plugin?
No. All configuration is managed via Bubble’s visual editor—no CSS or JavaScript is required.

Is this plugin actively maintained?
Yes. It was recently acquired by Zeroqode and improvements and fixes are ongoing.

   


Our Similar Plugins

- Android & IOS UI Components
- Liquid Gauges




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)!