LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Wave Background Configurator

How to Use in Bricks Builder

  1. Customize your wave background using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-wave-background📋
    to any container element
This tool creates a custom script with your settings built-in. All your wave configurations are included in the generated code!
BricksFusion Exclusive Get Your Wave Background Animation

Add elegant wave backgrounds to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Fully responsive design that adapts to any container
  • Customizable wave colors and properties
  • Performance optimized for smooth animations
  • Works in all modern browsers and devices
Wave Settings
Direction
Orientation
Wave Color Mode
Wave Color
Wave Position
Wave Speed 1
Appearance Settings
Wave Amplitude 1
Wave Frequency 1
Wave Turbulence 1
Wave Opacity 0.7
Glow Effect 0
Advanced Effects
Particles Effect
Breathing Effect
Mouse Interaction
Easing Type

JavaScript Code