BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
FluidCursor Configurator - Breakfusion
data-fluid-cursor
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 Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-fluid-cursor with value true
Interactive Fluid Preview
Quality Presets
Simulation Settings
Simulation Resolution ℹ
128
Dye Resolution ℹ
1024
Density Dissipation ℹ
0.8
Velocity Dissipation ℹ
0.2
Pressure ℹ
0.43
Pressure Iterations ℹ
26
Curl ℹ
25
Interaction Settings
Splat Radius ℹ
0.45
Splat Force ℹ
13000
Color Update Speed ℹ
10
Shading ℹ
Transparent Background ℹ
Color Settings
Base Color
Mobile Touch Mode
Scroll-friendly mode for mobile devices
Effects
Bloom Effect ℹ
Sunrays Effect ℹ