Design Playground
Shape liquid UI, gradients, and generative shaders, share the exact look, and copy dependency-free browser code.
Tactile interface effects
Liquid UI
Orbit Menu
Liquid UIAction droplets split from one button, orbit into place, and merge home again.
Merge Dock
Liquid UIDrag tactile controls together and watch their silhouettes fuse into one dock.
Liquid Toggle
Liquid UIA switch stretches through its track before settling into a crisp new state.
Avatar Cluster
Liquid UIGenerated people bubbles condense into a compact action pill and bloom back out.
Colour systems
Gradients
Mesh Gradient
GradientThree colour wells drift across the frame and blend where they overlap.
Grain Gradient
GradientA slow noise ramp under a film of grain — the quietest surface in the set.
Radial Field
GradientThree soft color sources orbit, overlap, and wash across the frame.
Dither Gradient
GradientA noisy color field resolved through a crisp four-by-four ordered dither.
Generative WebGL
Shaders
Ferro Fluid
PatternA ring of liquid glass swells, sheds a droplet on a stretching neck, pinches off, and lets it drift away.
Metal
PatternA single body of polished dark metal, raymarched with interior refraction, slowly folding through itself under a bright rim light.
SmoothLife
SimulationA continuous-space cellular automaton. Blobs are born, merge, split, and die on their own, and the field never repeats.
Metaballs
PatternSix charges orbit the frame and fuse into one surface wherever their fields overlap.
Warp
PatternNoise folded through itself twice, so the field drags its own detail into ribbons.
Voronoi
PatternDrifting seed points carve the plane into cells; the seams glow where two cells meet.
Dot Orbit
PatternA grid of dots, each circling its own cell on its own phase, so the lattice breathes.
Waves
PatternFive sine bands at slightly different speeds, brightening wherever they stack up.
Soap Film
PatternA near-invisible shell of soap, banded with the interference colours that shift as the surface turns.
Chrome
PatternA pure mirror surface, folding studio strip lights across itself as it turns.
Gummy
PatternA soft translucent jelly on a pale set, light bleeding through where the body runs thin.
Aurora
PatternA near-black form found only by two coloured lights raking across its silhouette.
20 experiments available.