MARKETPLACE
PLUGINS
GLASS EFFECT (BLUR) BY NEBULA
Glass Effect (Blur) by Nebula logo

Glass Effect (Blur) by Nebula

Published December 2025
   •    Updated this month

Plugin details

Apply a modern glass blur effect to specific elements by setting their ID Attribute using the nebula-blur-<number> pattern.


Nebula - Glass Effect Blur


 

 

 


Description

Overview

Nebula - Glass Effect Blur adds a global glass blur style to your Bubble app. To apply it, set the element’s ID Attribute to the `nebula-blur-<number>` pattern.

How to Use
  • Install the plugin
  • Select the element you want to blur
  • Set its ID Attribute to `nebula-blur-1` (or another number)

Use Cases
  • Frosted glass modals and floating groups
  • Blurred navigation bars and overlays
  • Modern glass effect sections

$40

One time  •  Or  $3/mo

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

Platform

Web

Contributor details

Nebula logo
Nebula
Joined 2023   •   24 Plugins
View contributor profile

Instructions

Instructions
Setup
  1. Install the plugin
  2. Choose the element that should receive the effect
  3. Set the element's "ID Attribute" to `nebula-blur-1` (or another number)

Apply to multiple elements
  • Use `nebula-blur-1`, `nebula-blur-2`, `nebula-blur-3`, and so on



Need Help?
Find documentation, guides, and other useful plugins to help you get the most out of this tool


 

 

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Blog   •   Productivity   •   Mobile   •   Media   •   Containers

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble