UI95

Dither image

Ordered Bayer dithering quantized to the theme inks, or to two to four colors of your own.

Examples

Abayer 4x4
Bbayer 8x8
Cpixel size 4
Dcontrast 0.8
Econtrast 2.0
Fcustom colors
Gtwo colors
Hanimated reseed

Installation

npx shadcn@latest add https://www.ui95.dev/r/dither-image.json

Run it in a Radix shadcn project that already has the UI95 theme.

API reference

DitherImage

PropTypeDefault
src *string-
alt *string-
width *number-
height *number-
pixelSizenumber2
matrixSizeBayerMatrixSize4
contrastnumber1.2
isAnimatedbooleanfalse
colorsDitherImageColors-

Uses

Updated Nov 6, 2026