New

9 buttons. Ready to use.

FluidCursor Configurator - BricksFusion
data-fluid-cursor
How to Use & Code Information
  1. Design your FluidCursor simulation 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-cursor as attribute name (leave value empty)
Interactive FluidCursor Preview
Quality & Performance
Simulation Quality
128
Render Quality
1024
Enable Shading
Transparency
Fluid Physics
Density Dissipation
0.8
Velocity Dissipation
0.2
Pressure
0.43
Curl Strength
25
Interaction Settings
Splat Radius
0.45
Splat Force
13000
Color Update Speed
10
Random Colors
Base Color
HEX
HSL
Mobile Touch Mode
Perfect for mobile: Allows native scroll while adding gentle tap interactions without preventing scrolling.
Advanced Options
Pressure Iterations
26