Glass Effect (Blur)

Instantly applies a smooth frosted-glass background to any element

About Plugin

Documentation

Install

Nebula – Glass Effect (Blur) instantly applies a smooth frosted-glass background to any element using a simple ID pattern.

Preview

Go to Editor

Go to Preview

When to Use

Everything you need in a single plugin

crop_portrait

Glass Cards

expand_more

Apply blur to cards, modals, and panels for a modern UI.

layers

Navigation Overlays

expand_more

visibility

Highlight Sections

expand_more

Benefits

extension_off

No Elements Needed

Use it without placing visual elements on the page.

identification

Target by ID Attribute

Decide exactly which elements get the effect.

auto_awesome

Clean UI Upgrade

Achieve a modern glass look with minimal setup.

extension_off

No Elements Needed

Use it without placing visual elements on the page.

identification

Target by ID Attribute

Decide exactly which elements get the effect.

auto_awesome

Clean UI Upgrade

Achieve a modern glass look with minimal setup.

extension_off

No Elements Needed

Use it without placing visual elements on the page.

identification

Target by ID Attribute

Decide exactly which elements get the effect.

auto_awesome

Clean UI Upgrade

Achieve a modern glass look with minimal setup.

Key Features

Everything you need in a single plugin

public

Global Styling

expand_more

Adds the blur/glass effect capability across your app.

tag

Simple Targeting Pattern

expand_more

Apply blur by setting an element’s ID Attribute.

filter_9_plus

Multiple Instances

expand_more

Use different numbered IDs to target multiple elements.

Documentation

FAQ

Common questions

helpDoes this plugin add an element?

helpHow do I apply the effect to an element?

helpCan I use it on multiple elements?

Contato