Built on Bubble
MARKETPLACE
PLUGINS
GLASS MORPHISM & BLUR BACKGROUND
Glass morphism & Blur Background
Published August 2023
• Updated this week
Plugin details
✅Generate Glassmorphism effect ✅Generate Blurred Gradient backgrounds
🎓Video Tutorial:
https://www.youtube.com/watch?v=bmT1oU_5L90&t=1s
🕹️TRY DEMO:
https://addxnocode.com/blur_circle
Enhance your bubble.io app interface with glassmorphism elements, blurred backgrounds and gradient blurred circles!
Add glass style to background, buttons, or any other element.
💫Add an unique style in your bubble.io app to increase engagement level and improve user experience
Free
For everyone
5.0
stars • 1 ratings
834 installs
This plugin does not collect or track your personal data.
Other actions
See plugin code
Platform
Web
Contributor details
Add-x Plugins
Joined 2023 • 7 Plugins
View contributor profile
Instructions
TRY DEMO HERE
https://add-x-1.bubbleapps.io/version-test/blur_circle
Plugin has 3 actions:
1. 🔸Draw Blur Circle
2. 🔸Remove Blur Circle
3. 🔸Set Background blur
Let's break them down individually.
1. Draw Blur Circle
"Action" draws an element on the page with specified parameters.
There's an option to specify different sizes and positions for the mobile version, which is made for adaptability.
Furthermore, you'll need to assign new class to the element, enabling interaction with it or possibility to remove.
2. To remove Blur Circle you need to specify the class of the element that you indicated in "Draw Blur Circle" action.
3. Set Background blur
It adds a blur as a background for any element. You need to specify the element's ID and the blur size.
------------------------------------------------------------------------------
🕹️
https://add-x-1.bubbleapps.io/version-test/blur_circle
🎓Video Tutorial:
https://www.youtube.com/watch?v=bmT1oU_5L90&t=1s
Types
This plugin can be found under the following types:
Action
Categories
This plugin can be found under the following categories:
Technical
•
Mobile
•
Containers
•
Blog
•
Small Business
Resources
Support contact
Documentation
Tutorial
Rating and reviews
Choose an option...
Most recent first
Best rated first
Worst rated first
Average rating (5.0)
Great for frosted glass effect!
January 8th, 2024
Best plugin for making frost glass blocks and buttons so far. Blurred balls are cool as well, thanks for your tool
Show 5 more
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
© 2026, Bubble Group, Inc. All rights reserved.
Product
Resources
Community
Examples
Pricing
Enterprise
Contact sales
Log in
Get started