Background Effects

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.
Image without caption

How to setup

Step 1: Install the Plugin
Step 2: Setup the Plugin Element

Plugin Element Properties

Background With Effect

Image without caption
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

  1. Change Background Effect - Change element effect using this action.
    1. 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
Image without caption

Changelogs