Radiant Shader Gallery

Use this page to pick an effect by eye, then take the matching HTML file from the GitHub repo - the site itself has no copy button or package. Embed the file in a fixed, z-index -1 iframe behind your content and drive parameters with postMessage; that isolation is the point, because it keeps the shader off your React render path entirely. Two cautions: these are decorative full-canvas animations with real GPU cost, so gate them behind prefers-reduced-motion and do not stack two on one page, and the gallery lists 87 effects while the repo README badge still says 94.

Why it is here. It is the rare shader collection that is both curated for taste and genuinely drop-in, which makes it the fastest route from a flat hero to a distinctive one without adding a 3D dependency.