svelte-shader-background

A procedural fluid-noise WebGL background for SvelteKit. Developed by Tanner Berman

The canvas is position: fixed at z-index: -1, so page content sits on top of it without any stacking-context gymnastics. Rendering happens at 1× CSS pixels regardless of devicePixelRatio; the browser scales it up.

Switch to another tab and come back — the render loop stops entirely while the page is hidden rather than burning GPU time on frames nobody sees.