Liquid Chrome — Iridescent Liquid-Metal Metaballs
Iridescent liquid-metal metaballs, in one HTML file. Stir, hold to magnetise.
Iridescent liquid-metal metaballs, built entirely in code: one self-contained HTML file with no images, no 3D models and no build step. Under the hood: Pure WebGL2 fragment shader (raymarching, SDF smooth-union), zero dependencies. What a visitor can do: move the cursor to stir a metaball, hold to magnetise (it grows and merges harder), 4 presets (Holo, Molten, Mint, Pearl). Best for: Hero background, Music / fashion / tech landing. 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 →
PremiumEvent Horizon — Ray-Traced Black Hole
Ray-traced black hole, in one HTML file. Orbit, fall in.
PremiumHyperdrive — Warp-Speed Star Tunnel
Warp-speed star tunnel, in one HTML file. Steer, hold for warp.
PremiumNebula Galaxy — 200k-Star Spiral Galaxy
200k-star spiral galaxy, in one HTML file. Orbit, click for supernova.
