DEV Community

Cover image for dither-avatar: Deterministic SVG Avatars from Any Seed String
jQueryScript
jQueryScript

Posted on

dither-avatar: Deterministic SVG Avatars from Any Seed String

dither-avatar: a JavaScript library that generates deterministic dithered SVG avatars from any seed string. Zero dependencies, works in any JS runtime.

Key highlights:

  • Unique avatar per seed (username, ID, email)
  • Returns raw SVG or data URI
  • React components included (DitherAvatar and DitherAvatarSVG)
  • Bayer 4×4 ordered dithering for the pixel grid pattern
  • Full TypeScript support

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)