Fluid-Cursor - breakfusion.com

Design your FluidCursor simulation effect using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-fluid-cursor📋
with value true to any section you want to apply the FluidCursor effect to

This tool creates a custom script with your settings built-in. Simply add the data-fluid-cursor attribute with value "true" to see your exact configuration!

Move your mouse to interact

Breakfusion Exclusive Get Your Custom FluidCursor Animation

Create stunning interactive fluid simulations for your Breakdance Builder projects with this advanced WebGL-powered FluidCursor effect.

Easy implementation with a single attribute
Real-time fluid dynamics simulation
Fully customizable physics and visual parameters
Performance optimized for all devices
Mobile-friendly scroll optimization

Quality & Performance

Quality Presets

Simulation Quality 128

Render Quality 1024

Enable Shading

Transparency

Physics Properties

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

Pressure Iterations 26

Random Colors

Mobile Touch Mode

Perfect for mobile: Allows native scroll while adding gentle tap interactions without preventing scrolling.

Base Color

Code Copied Successfully! Ready to paste into Breakdance Builder

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use FluidCursor in Breakdance Builder

JavaScript Code