Link to the plugin page:
Demo to preview the plugin:
Introduction
This plugin allows you to set stunning backgrounds in your app. Simply drop the plugin element, choose one of 11 effects, and configure basic parameters.
Prerequisites
To use the Background Effects Plugin for Bubble by Zeroqode, ensure the following:
- You must have an active Bubble account.
- The plugin should be installed from the Zeroqode Plugin Marketplace or added directly from the plugin page.
How to setup
Step 1: Install the Plugin
Step 2: Setup the Plugin Element
Plugin Element Properties
Background With Effect
Fields:
Title | Description | Type |
Information | ||
Effect | Background Effect Available options: Particles, Animated Playground, Drifting Stars, Waves, Fireflies, Space Elevator, Mouse Particles, Bokeh, Ribbons, Oil Painting, Icons Paint | Dropdown |
Background Color | This field affects all the effects backgrounds. | Color (optional) |
Particles Color | Add list of colors ex: #69D2E7, #A7DBD8, #E0E4CC. Note: not all effects can use multiple colors. Two items cannot be customized [Icons Painting, Ribbons]. | Text (optional) |
Max. Speed | This field affects only [Ribbons, Ribbons] effects. | Number (optional) |
Max Size | This field affects only Particles effect. | Number (optional) |
Circles Size | This field affects only Particles effect. | Number (optional) |
Enable viewport height | This option enables the height to be full screen of viewport | Checkbox (yes/no) |
Element Actions
- Change Background Effect - Change element effect using this action.
Title | Description | Type |
Effect Name | Available options: Particles, Animated Playground, Drifting Stars, Waves, Fireflies, Space Elevator, Mouse Particles, Bokeh, Ribbons, Oil Painting, Icons Paint | Dropdown |