Skip to content
Motion

Shader backgrounds

Living backgrounds that stay light: one shared WebGL2 context for the whole page, a frame budget, and a still image when motion is reduced.

3 items

  • Spectrum shapes seen through vertical reeded glass

    Fluted Glass

    Pro

    Reeded-glass refraction over an image or spectrum art; the flutes slide with scroll and lean with the pointer.

    Backgrounds · WebGL2

  • Rippling caustic light over blue water behind a resort heading

    Pool Caustics

    Pro

    Sunlight through moving water, over any section: caustic light that wanders and ripples under the pointer.

    Backgrounds · WebGL2

  • A soft spectrum gradient behind a heading and a button

    Spectrum Mesh

    Free

    A soft spectrum mesh gradient that drifts behind your content and leans toward the cursor; still under reduced motion.

    Backgrounds · WebGL2

↑ ↓ to move↵ to openesc to close