Loaders - Loading animations
FreeExplore between 12 different loading options for your application.
Setup Instructions
[color=rgb(51, 51, 51)]This are step-by-step instructions on how to get the plugin working on any Bubble App.[/color]
[ml][ol][li indent=0 align=left][color=rgb(36, 36, 36)]Add this plugin to your application.[/color][/li][li indent=0 align=left][color=rgb(36, 36, 36)]In the Design Tab, in the Visual Elements category find 'Loader' and drag it into your Editor.[/color][/li][li indent=0 align=left][color=rgb(36, 36, 36)]Select a Loading Animation from the dropdown with the following options:[/color][/li][ol data=1][li indent=1 align=left]Bounce[/li][li indent=1 align=left]Chase[/li][li indent=1 align=left]Circle[/li][li indent=1 align=left]Circle Fade[/li][li indent=1 align=left]Flow[/li][li indent=1 align=left]Fold[/li][li indent=1 align=left]Grid[/li][li indent=1 align=left]Plane[/li][li indent=1 align=left]Pulse[/li][li indent=1 align=left]Swing[/li][li indent=1 align=left]Wander[/li][li indent=1 align=left]Wave[/li][/ol][li indent=0 align=left][color=rgb(36, 36, 36)]Select the Color of the loader.[/color][/li][/ol][/ml]
Documentation
[b]Loader[/b] is the only element given in this plugin. You need to add the element in your Bubble Editor. This Element contains the following properties to be used:
[ml][ul][li indent=0 align=left][b]Loading animation:[/b] select the desired loading animation from 12 different animations.[/li][ul data=1][li indent=1 align=left]Bounce[/li][li indent=1 align=left]Chase[/li][li indent=1 align=left]Circle[/li][li indent=1 align=left]Circle Fade[/li][li indent=1 align=left]Flow[/li][li indent=1 align=left]Fold[/li][li indent=1 align=left]Grid[/li][li indent=1 align=left]Plane[/li][li indent=1 align=left]Pulse[/li][li indent=1 align=left]Swing[/li][li indent=1 align=left]Wander[/li][li indent=1 align=left]Wave[/li][/ul][/ul][/ml] [ml][ul][li indent=0 align=left][b]Color:[/b] define the color of the loader.[/li][/ul][/ml]