dither.dance

Ordered-dither gradients from any string, and every classic way to dither an image. One small library, no dependencies, the same picture every time.

your config

Only name is needed. Everything else has a default, and anything you set wins over what the name decided.

Tune every trait in the editor →Read the docs on GitHub →

Every name is a gradient

Nobody picked these colors. Each tile is a string, hashed into a palette, a layout and a texture. Hover one to watch it drift, click it to open it in the editor.

Every post gets a cover

Feed it a slug or a username and you have a cover image, a banner or a placeholder that is stable across deploys, with nothing to upload and nothing to store.

And any image, too

The same package dithers pixels: Floyd-Steinberg, Atkinson, Bayer and five more, on a canvas, in a worker or in Node. Here is one smooth gradient, three ways, in black and white.

Try it on your own picture →