← Back to catalog📄 Implementation guide
Advanced WebGL / Canvas

Fluid Simulation

Simulates liquid flow and movement, often cursor-reactive.

Experimental, mesmerizing, exotic

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Hero backgrounds, creative portfolios

◦ Generative & motion studio

We make brands
flow like liquid light

Tincture blends pigment, motion and code into identities you can almost feel move. The whole panel is a live dye field rendered in real time — drag your cursor to stir it.

Dye field · RGBA8 feedback /— fps /flow 0
Move to stir →

Technique: WebGL ping-pong RGBA8 feedback — dye advected each frame along a curl-noise velocity field with pointer-driven splats (semi-Lagrangian "stable fluids")