New

9 buttons. Ready to use.

Dynamic Fluid Effect Configurator - BricksFusion
data-fluid-effect
How to Use & Code Information
  1. Customize your fluid effect 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-fluid-effect as attribute name (leave value empty)
Interactive Fluid Preview
Fluid Colors
HEX
HSL
HEX
HSL
HEX
HSL
Accent Intensity
0.5
Animation Settings
Flow Speed
0.5
Color Intensity
0.5
Motion Blur
0.5
Advanced Options
Animation Quality