Cursor Web Fluid
A cursor-following fluid effect for React with adjustable color, trail fade, cursor force, and vorticity.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| inkColor | string | "--foreground" | CSS color or theme variable for the fluid. |
| contained | boolean | false | Render inside the nearest positioned parent. |
| blendMode | CSSProperties["mixBlendMode"] | "difference" | Blend mode used to render the fluid over the preview surface. |
| dyeDissipation | number | 0.97 | How quickly the fluid trail fades. |
| velocityDissipation | number | 0.97 | How quickly fluid velocity dissipates. |
| curl | number | 30 | Vorticity strength that controls fluid swirling. |
| forceStrength | number | 8 | Cursor force applied to the fluid. |
| threshold | number | 0.6 | Display threshold used for the fluid texture. |