New

9 buttons. Ready to use.

Wave Background Configurator - BricksFusion
data-wave-background
How to Use & Code Information
  1. Customize your wave background using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-wave-background as attribute name (leave value empty)
Interactive Wave Background Preview
Wave Color
Color Mode
HEX
HSL
Wave Settings
Direction
Orientation
Position
Speed
1
Appearance Settings
Amplitude
1
Frequency
1
Turbulence
1
Opacity
0.7
Glow Effect
0
Advanced Options
Particles Effect
Breathing Effect
Mouse Interaction
Easing Type