Skip to content

feat: dither-kit generative avatars + gradient washes#80

Merged
ripgrim merged 2 commits into
mainfrom
feat/dither-kit-avatars-gradients
Jul 13, 2026
Merged

feat: dither-kit generative avatars + gradient washes#80
ripgrim merged 2 commits into
mainfrom
feat/dither-kit-avatars-gradients

Conversation

@dansholds

Copy link
Copy Markdown
Collaborator

Two standalone dither-kit pieces (no chart-engine dependency):

  • DitherAvatar — mirrored 8x8 generative pixel avatars, deterministic from a name (~1.5T combos across pattern, mirror axis, and hue), with a hue override and a Bayer-ordered materialize entrance.
  • DitherGradient — ordered-dither background washes that dissolve to transparent or dither-blend two colours, any direction.

Adds the avatar/gradient items to the tracked /r registry route and a 'beyond charts' docs section with a hue-selector playground and a footer-wash demo.

Summary

Checklist

Notes for reviewers

Two standalone dither-kit pieces (no chart-engine dependency):
- DitherAvatar — mirrored 8x8 generative pixel avatars, deterministic
  from a name (~1.5T combos across pattern, mirror axis, and hue), with
  a hue override and a Bayer-ordered materialize entrance.
- DitherGradient — ordered-dither background washes that dissolve to
  transparent or dither-blend two colours, any direction.

Adds the avatar/gradient items to the tracked /r registry route and a
'beyond charts' docs section with a hue-selector playground and a
footer-wash demo.
@vercel

vercel Bot commented Jul 13, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tripwire Ready Ready Preview, Comment Jul 13, 2026 9:05am

Request Review

@github-actions

github-actions Bot commented Jul 13, 2026

Copy link
Copy Markdown

React Doctor found no new issues. 🎉

Reviewed by React Doctor for commit 9ee7c10.

DitherButton — a native <button> filled with the charts' ordered-dither
texture (gradient / dotted / hatched / solid, any palette colour or
hue), easing denser and brighter on hover and denser still while
pressed, with optional bloom. Standalone like avatar/gradient: no chart
engine, only pixel.ts/palette.ts/lib.ts.

Adds the button item to the tracked /r registry route and a button
playground to the 'beyond charts' docs section.
@ripgrim
ripgrim merged commit 463bb83 into main Jul 13, 2026
7 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants