Blur Effect logo

Blur Effect

Published March 2025
   •    Updated June 2025

Plugin details

The Blur Effect Plugin allows you to easily apply a customizable blur effect to any element in your Bubble application.
It is fully dynamic and enables users to adjust the blur intensity directly from the Bubble editor.

$5

One time

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

Platform

Web

Contributor details

Julien Costas logo
Julien Costas
Joined 2023   •   1 Plugin
View contributor profile

Instructions

1. ID
Description: Specifies the HTML id of the element(s) that will receive the blur effect.

Type: Text (Dynamic value)

Usage: Enter the ID of the target element(s) in Bubble. If multiple elements share the same ID, all of them will be blurred.

Example: If an element has the ID myBlurredElement, enter myBlurredElement in the plugin settings.

2. Blur Amount

Description: Defines the intensity of the blur effect in pixels.

Type: Number

Default Value: 10

Usage: Adjust this value to increase or decrease the blur effect. Higher values result in a stronger blur.

Example:

5 → Light blur

15 → Moderate blur

30 → Strong blur

Demo page: https://plugin-56736.bubbleapps.io/version-test/blur_effect

Types

This plugin can be found under the following types:

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble