Dither
An animated plasma resolved into crisp retro bands through an ordered dither matrix.
canvasretro
Customize
Grid
Pixel size6px
Tones4
Pattern
Scale1
Contrast1
Motion
Speed1
Appearance
Shadow
Highlight
Props
| Prop | Type | Default | Description |
|---|---|---|---|
colors | [string, string] | ['13,15,28','139,160,255'] | The [shadow, highlight] colours the ramp runs between, as r,g,b. |
pixelSize | number | 6 | Size of each dither pixel in px (bigger = chunkier). |
speed | number | 1 | Flow speed multiplier (0 = frozen). |
scale | number | 1 | Pattern scale — higher spreads the plasma wider. |
levels | number | 4 | Number of quantised tones the dither ramps through (2–6). |
contrast | number | 1 | Contrast of the gradient before dithering (0.5–2). |
children | ReactNode | — | Content layered above the canvas. |
className | string | — | Extra classes for the wrapper. |