An ordered Bayer dither of a slow light in two inks: a screen's glow, drifting cloud or a sky, in square cells.

Made as a Kadal Deck premium background, it fills whatever box you give it at its real size, in light and dark, and follows your brand colour (the --deck-accent CSS variable). Settings: ink (the darker ink, where there is no light, default: the page colour), paper (the lit ink, where the field is brightest, default: the accent), field (what is dithered: a light from `focus` that flickers faintly, drifting cloud, or a sky brightening downwards), focus (where the glow comes from, as "x% y%" of the slide. Keep it away from your text), matrix (the Bayer matrix: 8 for a fine, even pattern; 4 for a coarse, crafted one), scale (the size of one dither cell, in slide pixels), levels (tones from ink to paper; 2 is the true two-ink dither) and speed (how quickly the field drifts; 0 holds it still). The animation pauses off screen and in background tabs, and holds still for visitors who ask for reduced motion.

What you get: a web component, one script with no framework, for a plain page, Webflow, WordPress or Framer, drawing behind your own content. A React component. Stills at 2560 x 1440 in light and dark. Seamless 10-second loops at 1920 x 1080, MP4 and WebM, for any video editor. A demo page to try the settings and print a PDF, and a README with a recipe for each.

In Kadal Deck, buying it unlocks Dither in every workspace you belong to (as background pro/dither). Pro, Team and Lifetime plans include every premium background already.