Demo to preview the plugin:
Introduction
The Loading Overlay Animations plugin lets you display engaging animated overlays on groups or elements within your Bubble application. These overlays improve user experience by visually signaling that a process (such as data fetch, form submission, or workflow execution) is in progress.
You can fully customize the overlay animation—including its style, color, duration, text, and even an uploaded image. Once the animation completes, the plugin triggers an event, allowing you to continue workflows seamlessly.
Key Features
Prerequisites
Before using the plugin, ensure that:
- ID Attributes Enabled – In Bubble Editor → Settings → General → enable Expose the option to add an ID attribute to HTML elements.
- Plugin Installed – Install the Loading Overlay Animations plugin from the Bubble Plugin Marketplace.
- Target Groups Defined – Decide which groups (e.g., forms, dashboards) the animation should overlay.
- Basic Workflow Knowledge – The plugin uses workflow actions/events; familiarity with workflows is recommended.
How to setup
Step 1 – Install the Plugin
Step 2 – Add the Plugin Element to Your Page
Step 3 – Animation Workflow
Plugin Element - Loading Animation
Element Actions
Trigger Loading Animation
Element Events
Title | Description |
Loading Animation Completed | This event is triggered when the Loading Animation that was started has finished running. It |
