className | string | Wrapper classes; empty. |
canvasClassName | string | Canvas classes; empty. |
fallbackClassName | string | SVG fallback classes; empty. |
style | CSSProperties | Wrapper styles; override the opacity prop if set. |
opacity | number | Overall opacity, 0–1; default 1. |
clouds | readonly DitherCloudsCloud[] | Up to 16 banks; defaults shown above. Empty array shows sky only. |
shape | DitherCloudsShape | Shared silhouette settings; see below. |
lighting | DitherCloudsLighting | Shared shading settings; see below. |
motion | DitherCloudsMotion | Shared drift and morph settings; see below. |
inkColor | string | Hex ink color; default #55b4d1. |
paperColor | string | Hex paper color; default #f2f4ed. |
speed | number | Global speed, −5–5; default 1. Zero freezes; negative reverses. |
paused | boolean | Freeze the current animation phase; default false. |
scale | number | Global cloud size and drift multiplier, 0.25–4; default 1. |
dotSize | number | Halftone spacing in CSS pixels, 3–20; default 8. |
dotScale | number | Dot radius multiplier, 0.1–2; default 1. |
dither | number | Smooth-to-halftone mix, 0–1; default 1. |
angle | number | Halftone rotation in degrees; default 20. |
coverage | number | Cloud coverage, 0–1; default 0.43. Zero hides clouds. |
softness | number | Edge feathering, 0.1–1; default 0.65. |
grain | number | Paper grain strength, 0–1; default 0.12. |
grainSize | number | Grain size in CSS pixels, 0.5–8; default 1. |
skyDensity | number | Clear-sky ink density, 0–1; default 0.96. |
phaseOffset | number | Global animation phase in radians; default 0. |
maxPixelRatio | number | WebGL pixel-ratio cap, 0.5–2; default 1.5. |
maxResolution | number | WebGL longest-side cap in pixels, 64–8192; default 2560. |