v0.1.0 — Image dithering for the modern web

DitherRetro-Luxury

A library of image dithering algorithms and UI components designed in the spirit of high-end vintage instrumentation. Floyd-Steinberg, Atkinson, and Bayer matrix dithering — applied live in the browser.

Live Dither Canvas

Upload images or use presets and apply Floyd-Steinberg, Atkinson, or Bayer dithering in real time. Adjust bit depth, palette, and matrix size.

Component Library

Buttons, cards, sliders, and image containers with a retro-luxury aesthetic. Ready to drop into any dark-themed project.

Multiple Palettes

From pure black-and-white to full RGB 4-bit. Control the color space of your dither output with discrete palette selection.

Algorithms

Floyd-SteinbergHigh quality

Error diffusion with serpentine scanning. Distributes quantization error across neighboring pixels for smooth gradients.

AtkinsonMedium quality

Bill Atkinson's variant used on the original Macintosh. Spreads error to six neighbors with reduced total diffusion.

Bayer MatrixPatterned

Ordered dithering using a Bayer threshold matrix. Predictable, repeating pattern with configurable matrix size.

Every component is styled for a dark, instrument-grade interface. Glass surfaces, thick raw borders, and meticulous typography.

Browse components