Playground · Experiment 06
Molten interface
Liquid metal, raymarched live in your browser, that pours itself into the shape of a website as you scroll. Press and hold anywhere to add more metal.
Scroll ↓
01 / 03
Liquid.
Five metaballs blended with a smooth-minimum function, with travelling surface waves.
02 / 03
Interface.
The same signed-distance field linearly blended into a browser frame, a hero block and cards.
03 / 03
Split.
The tiles separate in depth, ready to become anything. No meshes, no textures: one fragment shader.
Shader approximation of liquid metal (SDF raymarching with procedural reflections), not a fluid simulation. Resolution adapts to your device.
Try it hands-on in Liquid Lab