Beautiful Spinners

Demo to preview the plugin:

Introduction

This Plugin gives you access to 17 beautiful loading spinners with incredible animations.
You can use the Loading Spinners to show the user that data is loading (such as a repeating group) or that a workflow is currently running, thereby greatly enhancing the user experience of your application.
Image without caption

How to setup

Using the Beautiful Spinners plugin is simple and effective. Follow these steps to integrate it into your Bubble app:
  1. Add the Spinner Element to the Page
      • Open the Bubble editor.
      • In the Visual Elements panel, search for Spinner (from the plugin).
      • Drag and drop the Spinner element anywhere on your page.
        • Element → Spinner.
          Element → Spinner.
  1. Customize the Spinner
      • With the Spinner element selected on the page, adjust its properties in the "Appearance" tab:
        • Spinner: Choose the desired animation style from the dropdown menu. Try out the available options to see which one best fits your UI.
        • Spinner Color: Set the spinner’s color using a hexadecimal value.
          • Element → Spinner.
            Element → Spinner.

Plugin Element Properties

Spinner

Element properties → Spinner.
Element properties → Spinner.
Fields:
Title
Description
Type
Spinner
A spinner in a software plugin or API refers to a graphical control element that indicates a process is ongoing, often used to show loading or processing status. Available options: Flower, Pixel, Intersecting, Orbit, Radar, Squaling Squares, Half-Circle, Trinity-Rings, Fulfilling-Square, Semipolar, Self-Building Square, Bouncing-Circle, Fingerprint, Spring-Spinner, Atom, Looping-Rhombus, Breeding-Rhombus
Dropdown
Spinner Color
“Spinner Color” refers to the customizable color options for the spinner component in a software plugin or API.
Color
Image without caption

Changelogs