MARKETPLACE
PLUGINS
LOADING ANIMATION
Loading Animation logo

Loading Animation

Published March 2020
   •    Updated this month

Plugin details

This plugin allows you to add a loading animation (overlay) with a text and an animated icon on top of a container within your bubble application.
You can choose the effect, color, text, text position and background color of the animation. In total there are 16 different effects that you can choose from.

You can also decide whether to use a timed loading animation or a constant one.

A timed loading animation will be displayed for a certain period of time as specified by you (3 seconds for example) whereas a constant loading animation will stop once you trigger the Stop action within a workflow.

You can use this plugin to greatly enhance the user experience, such as displaying a loading animation on top of the signup group after a user signs up.

The loading animation works best on top of groups, we haven't tested it on all bubble elements.



Usage Features:

- Add animated loading overlays on top of any group container
- Choose from 16 unique animation effects
- Fully customize icon color, background color, text content, and text position
- Supports both timed loading (e.g. 3 seconds) and manual stop through workflows
- Enhance user experience during processes like sign-ups, data loads, or API calls
- Designed to work best with group elements within your app

   





Feedback




FAQ

What does the Loading Overlay with Text Plugin do?
The plugin adds a customizable animated loading overlay (with text and icon) on top of any group container in your Bubble app.

How many animation styles are available?
There are 16 different animation effects you can choose from.

Can I customize the appearance of the loading animation?
Yes, you can modify the icon color, background color, text content, and text position.

Can the loading animation be stopped manually?
Yes. You can either set a timed duration (e.g. 3 seconds) or use a workflow action to stop the animation manually.

Does this plugin work with all Bubble elements?
The plugin is designed to work best on groups. Other elements have not been fully tested.

Can I show the animation only under certain conditions?
Yes, you can trigger the animation using Bubble workflows and control its behavior with custom logic.







Other plugins from Zeroqode

- Cute and Funny Login Animation Plugin for Bubble
- Animations and Effects for Inputs Plugin for Bubble




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

5.0 stars   •   1 ratings
505 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/plugins/full-screen-loading-animation

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Media   •   Containers   •   Mobile

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Great plugin!! I have Just 02 important recommendations
May 6th, 2022
Your plugin is quite good!!! Congratulations! However, there are two things maybe you can improve it. 1) The element which the timeloading ID is related disappears at the "time loading" is performing. The "Time loading" should just appear in front of any element. 2) The center of the time load always is the element related to ID, for sure. But, maybe you please could offer an option for "time loading" also appears in other locations, such as at the "screen center", without being tied to the ID element. Thank you.
Hello, Rapid Dev Support Team here. Thank you for the review, appreciation, and shared suggestions, it matters to us. In a recent update, we added an improvement that follows your first suggestion. Now you can manage the loading animation background opacity value. To try it out, please update your plugin to the newest version. In case there will be any other questions or suggestions about our products, that we can help with, just send us a message with details to [email protected] Thanks again, Rapid Dev Support Team
November 9th, 2023
  •  
Original reviewer
Bubble