Dither Button

dither-kit/button

UnverifiedComponent

Dithered buttons — a native <button> filled with the charts' ordered-dither texture (gradient / dotted / hatched / solid), easing denser and brighter on hover and press, with optional bloom. Standalone: installs without the chart engine.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/Boring-Software-Inc/dither-kit/main/r/button.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

clsx
tailwind-merge

Files it writes

components/dither-kit/button.tsx
components/dither-kit/pixel.ts
components/dither-kit/palette.ts
components/dither-kit/lib.ts

More from dither-kit

All 9 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Dither Area & Line Chartarea-chart	dither-kit	Components	Unverified	no deps · 4 files
Dither Avataravatar	dither-kit	Components	Unverified	2 deps · 4 files
Dither Bar Chartbar-chart	dither-kit	Components	Unverified	no deps · 3 files
Dither Kit — Corecore	dither-kit	Components	Unverified	5 deps · 20 files
Dither Kit — Everythingdither-kit	dither-kit	Components	Unverified	no deps
Dither Gradientgradient	dither-kit	Components	Unverified	2 deps · 4 files
Dither Pie / Donut Chartpie-chart	dither-kit	Components	Unverified	no deps · 3 files
Dither Radar Chartradar-chart	dither-kit	Components	Unverified	no deps · 4 files