MARKETPLACE
PLUGINS
ANIMATED BACKGROUNDS - WAVES
Animated Backgrounds - Waves logo

Animated Backgrounds - Waves

Published March 2022
   •    Updated October 2025

Plugin details

Animates the background of the specified element of the website like a wave.
Demo page:
https://animated-backgrounds-waves.bubbleapps.io/version-test

Editor link:
https://bubble.io/page?name=index&id=animated-backgrounds-waves&tab=tabs-1

$3

One time  •  Or  $2/mo

4.3 stars   •   3 ratings
50 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

jansnap logo
jansnap
Joined 2021   •   2 Plugins
View contributor profile

Instructions

1. Install plugin.
2. Drop a “AnimatedBG Waves” element in the page.

3. Check the “Expose the option to add an ID attribute to HTML elements” checkbox in the “Settings” - “General” screen. so that IDs can be assigned.

4. Place the element you want to change the background of on the page and set its ID.

5. Open the “AnimatedBG Waves” element and set the ID you set above to “Element ID”

6. Change each parameter such as the size of the waves.

7. Check the preview screen to see how it looks.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Small Business   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.3)

looks nice, but error in console
June 6th, 2022
easy to install, looks amazing. But generates to many alerts. Please send an update! THREE.Color: Alpha component of rgba(38, 38, 38, 0.82) will be ignored.
Thank you for your review. I do not see the message in my environment. Could you please provide us with more details? I will email you. (plugin author)
June 8th, 2022
  •  
jansnap
Beautiful!
May 28th, 2022
Works smoothly and satisfied my customer's requirements. Thank you.
Does work, very simple
May 30th, 2022
Initially I couldn't get it working, but that's my incompetencel not the plugin!
Thank you for your review. Can you show a demo page? https://animated-backgrounds-waves.bubbleapps.io/version-test You need to place the element you want to change the background on the editor screen and set its ID. What type of element did you place? I will contact you via email. Please give us the details. (plugin author)
May 27th, 2022
  •  
jansnap
Bubble