MARKETPLACE
PLUGINS
SOLID - APPLE LIQUID GLASS UI
Solid - Apple Liquid Glass UI logo

Solid - Apple Liquid Glass UI

Published March 2026
   •    Updated this week

Plugin details

Here's the complete Bubble Marketplace listing for your Solid - Apple Liquid Glass UI plugin, matching the professional style of your other Solid plugins:
Description:
Transform any Bubble element into Apple Vision Pro-style liquid glass with realistic refraction, shine, and depth effects. The Solid - Apple Liquid Glass UI plugin applies advanced SVG filters and backdrop effects to create stunning glassmorphism — perfect for modern app UIs, cards, modals, and overlays.

Compatible with: All Bubble elements (groups, buttons, cards, modals, repeating groups).

Key features:

4 glass types – Frosted (Rough), Liquid Glass (default), Crystal (Sharp), Deep Water.

Real-time refraction – SVG turbulence + displacement mapping for authentic liquid distortion.

Dynamic shine – Specular lighting with adjustable intensity and surface scale.

Full customization – Blur, refraction scale, shine intensity, shadow, border, and background opacity (0-100%).

Performance optimized – Single SVG filter per instance, no performance lag even with multiple elements.

Apple Vision Pro fidelity – Matches spatial computing glass effects pixel-perfect.

$7

Per month

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Fast Forward logo
Fast Forward
Joined 2023   •   9 Plugins
View contributor profile

Instructions

Step 1: Install and target your element
Add Solid - Apple Liquid Glass UI to your page.

Set target_id to the element ID you want to glass-ify (e.g. "Group A").

Step 2: Choose your glass style

text
Glass Type Options:
• Liquid Glass (default) – Balanced refraction + shine
• Frosted (Rough) – Heavy scatter, matte finish  
• Crystal (Sharp) – Clean, precise edges
• Deep Water – Subtle wave distortion
Step 3: Customize the effect

text
Core Controls (0-100 scale):
• refraction_scale – Liquid distortion strength
• shine_intensity – Specular highlight brightness  
• blur_amount – Backdrop blur softness
• shadow_intensity – Inner/outer shadow depth
• bg_opacity – Glass tint transparency

Styling:
• shadow_color – Shadow and border tint
• border_radius – Corner rounding
• border_opacity – Border visibility
• border – Toggle border on/off
Step 4: Preview and refine

Effects update live as you adjust sliders.

Works on any element size, nested groups, or dynamic content.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble