MARKETPLACE
PLUGINS
BLUR EFFECT FOR TEXT AND IMAGES
Blur Effect for Text and Images logo

Blur Effect for Text and Images

Published August 2019
   •    Updated this month

Plugin details

Add workflow-controlled blur to manage content visibility. Fine-tune blur intensity, react to user state, and visually hide or soften elements without breaking layouts.
       



⚡ Main Functions:

• Workflow-Controlled Blur.
   Turn blur on or off dynamically using workflow actions.
• Blur Intensity Control.
   Adjust blur radius and opacity for precise visibility tuning.

⚡ Key Features:

🎯 Contextual Visibility
     Hide or soften content based on user state or interaction.
📐 Layout-Safe Behavior
     Applies visually without breaking layouts or responsiveness.



Documentation

We’ve created a detailed step-by-step guide for the Blur Effect for Text and Images plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What does the Blur Effect Plugin do?
It allows you to apply a dynamic blur effect to any Bubble element—such as text, images, or groups—based on user interactions or workflow triggers.

Can I trigger the blur effect using workflows?
Yes, the plugin provides workflow actions to apply and remove the blur effect dynamically.

What elements can be blurred?
You can blur any Bubble element, including text fields, images, groups, and more. However, compatibility may vary depending on custom setups.

Can I control how strong the blur effect is?
Absolutely! You can customize both the blur radius and opacity level to achieve the desired look.

Is this plugin suitable for freemium or premium content gating?
Yes. It's commonly used to blur premium content for non-paying users, creating a smooth UX incentive to upgrade.

Do I need to write any code?
No coding is required—this plugin is fully no-code and integrates directly with Bubble’s visual editor and workflows.




Our Similar Plugins

- Imgix Image Processing
- Live Image - Move effect
- Image Zoom on Hover Pro
- Image Editor (Toast UI)
- Animated text highlighter
- Animated Text Gradient +
- Split Flap Text Animation
- Underline Text (Dynamic Marker)
- Image Filter Effects
- Keyword Text Highlighter
- Typewriter Text Animation




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time  •  Or  $4/mo

2.5 stars   •   7 ratings
346 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/blur-elements-1e7c669b00ed80aaae40dbd103fd8238

Types

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

Categories

This plugin can be found under the following categories:
Media   •   Technical   •   Customer Support   •   Web Scraping   •   Compliance   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.5)

Works Beautifully! 🎉 🎊
July 22nd, 2024
Works with Repeating Groups as long as you have the element ID dynamically set to the current cell's index at the end. Perfect! Just what we were looking for!
Dear user, Thank you for your positive feedback! 🎉 If you ever need further assistance or have any questions, feel free to reach out to us at [email protected]. We’re here to help! 😊 Best, The Rapid Dev Team.
July 23rd, 2024
  •  
Original reviewer
Doesn't work in repeating group
June 27th, 2024
Needs to be able to work with conditions, not just an action.
Dear valued customer, Thank you for your feedback! We appreciate your engagement with our Blur Elements Plugin. We’ve recently pushed an update that introduces a visual element allowing you to apply blur using conditionals. You can find more details and explore the updated functionality on our demo page: https://bubble.io/page?type=page&name=blur_elements&id=rd-plugins&tab=tabs-1 If you have any further questions or need assistance, feel free to reach out to us at [email protected]. Have a great day! Kind regards, The Rapid Dev Team.
July 22nd, 2024
  •  
Original reviewer
Waste of time and money
March 16th, 2024
I have lost so much time, it works sometimes but almost does not work. Community, do it yourself, use this combination: https://www.youtube.com/watch?v=7jlqXYi2MxI https://forum.bubble.io/t/prevent-user-for-copy-pasting-text/152012/4
Dear User, We sincerely regret to hear about the challenges you've encountered with our plugin. Your feedback is invaluable to us, and we are committed to addressing the concerns you've raised. To assist you more effectively and resolve the issues at hand, could you kindly share with us detailed information about the problem? Screenshots or a screencast of the setup process and where the plugin seems to falter would be incredibly helpful. This information will enable our technical team to understand the situation better and take the necessary steps to provide you with the support needed or to implement fixes for any underlying issues with the plugin. We understand how crucial reliable tools are to your workflow, and we are here to ensure that our plugin meets your expectations. Please reach out to us at [email protected] with the details requested, or please also contact us if you need anything else. Best Regards, The RapidDev Team.
March 25th, 2024
  •  
Original reviewer
Doesn't work on nested elements
March 6th, 2024
It can blur the main elements I have, but for a group within a group, it doesn't work.
Dear user, Thank you for taking the time to share your feedback. We appreciate your insights and want to address your concerns. Please note that as this plugin uses the CSS filter : blur() This limits the plugin functionality to the fact that when this filter blurs the whole parent element (if it is applied to a parent) including all elements that are included inside, thus regretfully you cannot select something specific from the group as per your need. So, if you selected a group to be blurred, then all elements within it will be also blurred. If you encounter any other issues or need further assistance, please don’t hesitate to reach out to our support team at [email protected]. We’re here to help and eager to make your experience better. Best, The RapidDev team.
March 11th, 2024
  •  
Original reviewer
Nice and easy!
July 18th, 2022
It´s working perfectly and easy to setup. How do I keep an element blurred when I reload the page? It should have a conditional to keep the element blurred until he changes a state or a yes/no field for example.
Bubble logo
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.
Bubble
Pricing
Enterprise
Contact sales