Step 1: Install the Loader Spinner Pro Plugin
Go to your Bubble.io application editor.
Navigate to the "Plugins" tab in the left sidebar.
Search for "Loader Spinner Pro" in the plugins marketplace.
Click on "Install" to add the plugin to your application.

Step2 : Use Loader Spinner Pro in Workflows

After installing the plugin into your app, you can use it in workflows as an action.
Select "Loader Spinner Pro" from the list of available actions.
Configure the following input fields:
Primary Color: Choose the primary color of the spinner.
Secondary Color: Choose the secondary color of the spinner.
Duration: Define the duration for the spinner to appear.
Style: Select a spinner style from the dropdown menu.
Parent Element ID: Specify the parent element ID for the position of the loader to appear.



Step 3: Customize Your Loader Spinner

Select Spinner Style: Choose from a variety of stylish spinner designs available in the dropdown menu.
Customize Colors: Set the primary and secondary colors of the spinner to match your application's theme.
Set Duration: Define the duration for the spinner to appear before content loads.
Enable Backdrop Blur (Optional): Check the box to add a backdrop blur effect when the spinner appears.



Step 4: Preview and Test

Click on the "Preview" button to see how your loader spinner looks in real-time.

Step 5: Deploy Your Application

Once you are satisfied with the appearance of your loader spinner, deploy your Bubble.io application.

Step 6: Enjoy Seamless Loading

Your users will now experience a smooth and visually appealing loading animation while waiting for content to load.

Demo Link:
https://spinnerloader-appplugi.bubbleapps.io/version-test

Pro Tips:

Experiment with different spinner styles, colors, and duration settings to find the perfect combination for your application.
Keep the backdrop blur option in mind to ensure your users remain focused on the loading process.