This plugin is perfect for locking certain features of an app, providing a paywall, or curating an up-sell of a part of an app.
The plugin provides an intuitive and customizable way to lock elements on a page by applying a dynamic overlay with a blur effect. It allows you to temporarily lock any container or section, adding an overlay that includes customizable content such as icons, text, and background color. The plugin supports dynamic blur effects, ensuring a smooth user experience while interacting with locked elements. Additionally, it respects the parent container’s border-radius, seamlessly blending with any design, and gives developers full control over enabling and disabling the lock via custom actions. Perfect for highlighting sections, preventing user interaction, or guiding user focus, this plugin provides a flexible solution for managing UI elements in modern web applications.
1.) Expose HTML ID in your Bubble settings' General tab
2.) Add the plugin's element to your page 3.) Add an HTML ID to the element you want to lock 4.) Trigger the action to Lock an element based on page load, button click or anything else. Use the HTML ID from step 3 in the fields and configure the rest per preference
Types
This plugin can be found under the following types:
Built on Bubble
