<aside> ✅

Link to plugin page: https://zeroqode.com/plugin/animated-backgrounds-plugin-for-bubble-1689602428377x453019521648901700

</aside>

Demo to preview the settings

<aside> ✅ Demo page: https://ezcodedemo4.bubbleapps.io/animbackground

</aside>

<aside> ✅ Bubble Editor: https://bubble.io/page?version=live&name=animbackground&id=ezcodedemo4&tab=Design

</aside>

Introduction

12 Themes!

Animated website backgrounds for full body or simple group with full customization.

Easy to use!

Can interact with mouse / touch

Customize colors & style to match your brand

No pixelation – Canvas runs at full resolution

Smaller filesize than background videos and large Background images – three.js is ~120kb minified and gzipped

Runs fast (60fps) on most laptops/desktops

<aside> ❗ Disclaimer: Some WebGL effects are slow on older computers. Not all effects work on mobile devices. Set a background image or color as a fallback.

</aside>

This plugin is based on Vanta.js

banner-need-help-last.webp

How to setup

  1. Install plugin and put "Animated Background" element on your page.
  2. Open Settings -> General tab and check the mark (✔) "Expose the option to add an ID attribute to HTML elements".