TO BEGIN
👉  Step 1: Under "visual elements" search for "CSS Loader & Spinner". Add the element to your page.

👉  Step 2: Select the style and colors from the properties panel.

👉  Step 3: By default most of your spinners will be hidden when the page loads. To hide a spinner click on the spinner and then the spinner's layout tab. From here deselect "this element is visible on page load". Now, when you want to show the spinner (for example on a button click), simply search for "show an element" in your workflows, and then select the spinner that you want to show. Once the workflow has finished, you can search for "hide an element" and then hide the spinner from the page again.


👀Demo:
https://plugin-demos-48052.bubbleapps.io/version-test/loader_spinner_loading_animations

🎓 Demo Editor:
https://bubble.io/page?id=plugin-demos-48052&tab=Design&name=loader_spinner_loading_animations&type=page

Example Instructions:

1: Some spinners might require that you add padding to them or change their size to ensure they look their best on the screen. Experiment with padding and sizing until the spinner looks great within your application.

Have an idea to make this plugin better?

Need this plugin to do something that it currently can't? Reach out to us at [email protected] and we'll try our best to make any updates to help support your vision.