The smallest possible integration: density rendered straight to screen. Start here if you've never used the library before.
Minimal
THREE-FLUID-FX
Add stunning fluid dynamics in minutes.
Add physics-driven liquid distortion, vibrant neon overlays, and massive GPGPU particle swarms to your Three.js scenes without writing boilerplate.
Choose WebGL/GLSL composer passes for legacy support, or bleeding-edge WebGPU/TSL nodes. Start with copy-pasteable minimal examples, then scale to production with full GUI tuning.
Case studies
Each case ships in GLSL/WebGL and TSL/WebGPU where both runtimes make sense. Minimal examples show the integration shape; full examples expose the effect surface you tune in real work.
Paint interactive colored ink, smoke, oil, and neon trails over your existing three.js scene.
Minimal
Full
Melt, refract, and smear your scene using the fluid velocity field. Includes 5 built-in styles: simple smear, RGB shift, chromatic split, water, and caustic lens.
Minimal
Full
Interactive, 3D-shaded liquid droplets driven by GPGPU velocity advection, springs, and drag.
Minimal
Full
A camera-aware, volumetric particle cloud where 2D fluid motion translates into 3D lift and organic flow.
Minimal
Full
Dynamically bend procedural geometries using fluid winds, with zero GPGPU physics overhead.
Minimal
Full
A combined WebGPU scene for checking TSL overlays, distortion and particles in one composition.
Full
A hero-style WebGPU scene with morphing GPGPU particles, fluid distortion, and art ink overlay.
Full