Dither Kit
Dithered React charts, avatars and gradients on one canvas engine
Dither Kit is a small shadcn-style registry of React chart components rendered with ordered-dither fills on a single tiny canvas engine, plus generative pixel avatars, a dithered button and gradient washes. The charts follow a Recharts-style children-as-config API and ship gradient, dotted, hatched and solid dither variants tuned for light and dark mode, with entrance animations, scrub tooltips and interactive legends. It is a deliberate aesthetic choice for retro, pixel or zine-flavoured dashboards, not a general-purpose charting stack. Published on tripwire.sh, the site of Boring Software's OSS-security product, as a side release.
npx @dither-kit/cli add dither-kitReach for this only when the brief explicitly wants a dithered, pixel or retro-print look — it is a styling statement, not a data layer, and it will fight a clean product design system. It needs an existing shadcn project with components.json and Tailwind, so install it alongside shadcn/ui rather than instead of it; install `core` first because the other items depend on the shared canvas engine. Do not swap it in for Recharts or the shadcn chart primitives on a serious analytics dashboard: the canvas fills mean no DOM nodes per datum and no license is published, so verify redistribution terms before shipping commercially.
Why it is here. One of very few chart kits that commits to a real aesthetic instead of another Recharts wrapper, and the ordered-dither fills survive both themes without a palette rewrite.
- ordered-dither chart fills
- Recharts-style children-as-config API
- generative pixel avatars
- shadcn registry install
- no published license
Verified 2026-08-15. HTTP 200. https://www.tripwire.sh/dither-kit, https://tripwire.sh/r/registry.json, https://www.tripwire.sh/
