Ink Fluid — GPU Fluid As Glossy Paint
GPU fluid as glossy paint, in one HTML file. Swirl, click burst.
GPU fluid as glossy paint, built entirely in code: one self-contained HTML file with no images, no 3D models and no build step. Under the hood: Pure WebGL2 Navier–Stokes fluid (advection, vorticity, pressure), glossy relief shading, zero dependencies. What a visitor can do: move to swirl the paint, click for a radial colour burst, idle random splats, 4 presets (Neon, Sunset, Ocean, Milk). Best for: Creative agencies, art, beauty, music, bold brand heroes. It has no dependencies at all — raw WebGL2, nothing to install, nothing to load. Every colour, count and speed sits in one CONFIG block, presets switch live from a glass dock, and ?embed strips the interface for a clean iframe or hero background.
How to run this
Nothing to install and nothing to configure. Works in any modern browser on Windows, macOS and Linux.
- Built with
- Single HTML file
- Requires
- A modern browser
- 1. Unzip the download.
- 2. Double-click index.html. It opens in your browser and runs. To serve it instead (the microphone and some browsers want a server), run
npx serve .in the folder and openhttp://localhost:3000.
Note — It is raw WebGL2 with no dependencies at all, so it runs offline. Add ?embed to hide the interface for an iframe or hero background, and ?preset=N to start on a colour preset.
More like this
Browse 3D designs →
PremiumLiquid Chrome — Iridescent Liquid-Metal Metaballs
Iridescent liquid-metal metaballs, in one HTML file. Stir, hold to magnetise.
PremiumEvent Horizon — Ray-Traced Black Hole
Ray-traced black hole, in one HTML file. Orbit, fall in.
PremiumCloud Sea — Volumetric Clouds
Volumetric clouds, in one HTML file. Steer, fly faster.
