MARKETPLACE
PLUGINS
GLASS EFFECT
Glass Effect logo

Glass Effect

Published September 2024
   •    Updated May 2026

Plugin details

This Bubble.io plugin adds a sleek, customizable glass effect to your Bubble.io app with the Glass Effect plugin. This powerful tool allows you to apply a semi-transparent background with adjustable opacity and blur to targeted elements, creating a modern, frosted glass appearance.
Features
🔥 Apply glass effect to specified elements by ID
🔥 Customize background opacity from transparent to opaque
🔥 Adjust blur intensity for desired visual impact
🔥 Easy integration with Bubble.io workflows

 

Need a new app or redesign?  
Check us out at TinyBuild Studio  


Want to enhance your Bubble.io apps?  
Check out TinyUIKit  

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Paul logo
Paul
Joined 2020   •   25 Plugins
View contributor profile

Instructions

How to Use 1️⃣ Install the Glass Effect plugin into your Bubble app from the plugins marketplace.
2️⃣ Drag and drop the Glass Effect element onto your desired page.
3️⃣ Assign a unique id to the container element you want to apply the glass effect to.
4️⃣ In the plugin's properties, enter the id of your target element.
5️⃣ Set the desired opacity and blur values to customize the glass effect.

You can see how the plugin is being used here:
https://bubble.io/page?id=tinybuild-glass-effect&tab=tabs-1&name=index

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Image   •   Media   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble
TOMORROW: Just Shipped Livestream with Bubble co-founders Josh and Emmanuel. Join for a demo session of Bubble’s  latest product releases
RSVP HERE