This Plugin allows you to add an animated spinner with a Fullscreen loading mask to show the user that the page is loading/preloading. You can choose between 7 different kinds of spinners and can choose whatever color you want for the background.

With this Plugin you can greatly enhance the user experience by showing the user that your website is currently loading data/elements using a beautiful full screen loading mask.

You can trigger the loading animation within a workflow and choose the timeToFade, the Loading spinner color and the spinner type.



Usage Features:

- Add an animated fullscreen loading spinner to indicate when your app is loading or preloading data
- Choose from 7 different spinner styles to match your app’s design aesthetic
- Customize the background color of the loading mask for seamless integration with your UI
- Set the spinner color, fade time, and spinner type dynamically via workflows
- Trigger the loading animation in workflows, giving you full control over when and how it appears
- Improve user experience by providing clear visual feedback during data loading and page transitions
- Works on any page or view — ideal for single-page apps, dashboards, and dynamic content apps

   




Feedback




FAQ

What does the Full Screen Loading Animation plugin do?
This plugin lets you add a fullscreen animated loading spinner with a customizable mask to your Bubble app. It provides a visual indicator while your app loads data or elements.

How many spinner types are available?
The plugin offers 7 different spinner styles that you can choose from to suit your app’s design.

Can I customize the background and spinner colors?
Yes. You can select any background color for the loading mask and choose the spinner color that fits your brand.

How is the loading animation triggered?
You can trigger the spinner through Bubble workflows, allowing full control over when the loading mask appears and disappears.

Can I set how long the spinner stays visible?
Yes. The plugin lets you define the fade-out timing (timeToFade) so you can control how quickly the loader disappears after loading is complete.

Is this plugin mobile-friendly?
Yes. The fullscreen spinner is fully responsive and works smoothly on both desktop and mobile devices.

Do I need to code to use this plugin?
No coding is needed. All configuration is done visually within Bubble’s editor.







Other plugins from Zeroqode

- Advanced Loading Spinner Plugin for Bubble
- Global Loading Spinner Plugin for Bubble
- Jquery Spinner 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)!