Dither Kit

Dithered React charts, avatars and gradients on one canvas engine

Tier B · UsefulRegistryComponent Librarytripwire.sh

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.

Install

npx @dither-kit/cli add dither-kit

For an agent

Reach 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.

Install command, framework, licence and component list.

Facts

License: Unknown
Pricing: Free
Framework: React, Next.js
Styling: Tailwind CSS
Distribution: shadcn registry, CLI installer, Copy-paste snippet
Platform: Web
Content type: Code
Agent readiness: Machine-readable registry item, CLI installable, Copy-paste ready code
Accessibility: Unknown
Maturity: Beta
Package: @dither-kit/cli

Components it ships

9 total

Area Chart Line Chart Bar Chart Pie Chart Radar Chart Sparkline Chart Chart Tooltip Chart Legend Avatar Button Gradient Background

Helps you build

Analytics Homepage

Notable for

ordered-dither chart fills
Recharts-style children-as-config API
generative pixel avatars
shadcn registry install
no published license

Provenance

Verified 2026-08-15. HTTP 200. https://www.tripwire.sh/dither-kit, https://tripwire.sh/r/registry.json, https://www.tripwire.sh/

Also in Component Libraries

tripwire.shTier B