LIVE NOW

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

Get Started
Dynamic Fluid Effect Configurator

How to Use in Bricks Builder

  1. Customize your dynamic fluid effect 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-fluid-effect📋
    to any container element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to see your configuration!
BricksFusion Exclusive Get Your Custom Dynamic Fluid Effect

Add stunning and mesmerizing fluid animations to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Smooth flowing animations with realistic fluid behavior
  • Customizable colors and animation speed
  • High performance WebGL rendering
Animation Settings
Flow Speed 0.5
Color Intensity 0.5
Color Settings
Primary and Secondary colors create the base gradient. Accent color adds highlights to the edges and areas with high pattern values.
Primary Color
Secondary Color
Accent Color
Accent Intensity 0.5
Advanced Options
Animation Quality
Motion Blur 0.5

JavaScript Code