Silk Shader

Layered sine domain-warping folds the plane into soft creases of fabric, and a narrow sheen band rolls across the folds like light on satin. A touch of film grain stops gradient banding on large screens. The surface leans subtly toward the pointer with heavy damping, so it feels like air moving the cloth.

It is built to be a good citizen. It draws one full-screen triangle with no textures and no dependencies, caps pixel ratio at 1.5, pauses offscreen and in background tabs, and is safe under React StrictMode remounts. Without WebGL, or with reduced motion, it renders a matching radial gradient or a single still frame.

Use it for luxurious hero sections, launch pages and event sites. Pick three colours from deep to highlight.