What the Frontend? Open the interactive gallery →
3D & WebGL

Fluid simulation

A real-time simulation of fluid dynamics — colors mixing, liquid flowing, reacting to interaction.

What you're seeing

The cursor drags color through a liquid medium — trails, swirls, and turbulence that dissipate naturally.

Where you'll see it

Hero interactions, cursor effects, generative art.

Difficulty

Advanced — 5/5

Libraries that build it

custom WebGLThree.js

Ready to prompt — paste this into your AI coding tool

"Implement fluid simulation using GPU-based Navier-Stokes solver on WebGL canvas, seed with cursor velocity"

Seen in the wild

AstroDitherAn audio-reactive lab piece where dithering and fluid simulation collide — WebGPU pushed to art.

Related 3D & WebGL effects

Floating 3D objectShader distortionParticle system3D textWebGL image hoverNoise terrain
See the animated preview in the dictionary →