A soft gradient that flows slowly across the frame, printed in dots. A bright glow drifts over a slanted ramp and slow waves bend both, and the whole picture is set in paper and ink only, the look of 1-bit screens and old print. Every dot is a whole square of pixels, so it stays crisp at any size.

Choose the pattern (8 x 8 or 4 x 4 ordered dither, or an even noise), the dot size, and one ink or two: with two inks it prints a three-tone gradient from dark ink through a second colour to paper. Colours, shape size, flow, contrast and balance are all settings. The demo has presets for ink on cream, a two-ink sunset, blueprint, amber screen, mint grain and a fine version, plus a Behind text preset.

Made for hero sections, newsletters, podcast and portfolio pages, album and event sites, stream backgrounds and video. Its reduced-motion setting holds it still on its poster frame for visitors who ask for less motion, and a veil setting lightens it towards the paper so text reads on top. At the Behind text preset, dark text keeps a contrast ratio of at least 7.5:1 against 98 % of the background under it.

What you get: a GLSL ES 3.00 fragment shader for plain WebGL2, an ES module that returns a three.js ShaderMaterial, a Shadertoy version, an offline demo page with a settings panel, a 10-second 1920 x 1080 H.264 loop that plays end to start without a seam, the same loop upright at 1080 x 1920 for vertical video, and the poster frame as a PNG (and a WebP for the web). One pass with no textures, about 0.6 ms of GPU time per 1920 x 1080 frame on a recent laptop, measured in headless Chromium. The README covers set-up, reduced motion, every uniform and performance notes.