Deterministic placeholder avatars, reimagined from avvvatars. Zero-dependency core powering React (RSC-safe), Vue, Svelte, Web Components and a CLI — same seed, same face, forever. Adds adaptive dark mode, 7 themes, 5 styles, and static SVG/PNG export.

Hey PH! 👋 I kept reaching for avvvatars whenever I needed placeholder avatars. Great shapes, but it was built for one environment, and I needed the same thing across React (Server Components too), Vue, Svelte, plus a standalone Web Component, without dragging framework code into every project. So I rewrote the engine from scratch. A zero-dependency core that spits out plain SVG, with a deterministic hash (cyrb53 + mulberry32) so the same seed always gives the same face, on any machine, forever. On top of that I added adaptive dark mode (same user, same identity in light or dark), 7 themes, 5 styles (character, shape, gradient, rings, pixel), and a CLI to export static SVG/PNG for emails, OG images, favicons, whatever needs a flat file. The 60 original shapes are from avvvatars (full credit in the README, MIT licensed). Everything else is built on top of that foundation. Curious what people think: which style do you like best, character, shape, or pixel? And if you're using deterministic avatars somewhere, what's the actual problem you need solved? Feel free to share your thoughts :)

The RSC-safe React build is a really thoughtful touch since most avatar libs still trip on server components. Love that the same seed gives identical output across every framework too.

@salihaamhx Thank you for your feedback! I really appreciate it!

The RSC-safe React build is a really thoughtful touch since most avatar libs still trip on server components. Love that the same seed gives identical output across every framework too.

@salihaamhx Thank you for your feedback! I really appreciate it!

Seedface — a face for every seed

Deterministic avatars for React, Vue, Svelte & CLI

Deterministic avatars for React, Vue, Svelte & CLI