Not to hijack this (I have zero affiliation with this project), but RoboHash has been my absolute favorite version of this: <a href="https://robohash.org/" rel="nofollow">https://robohash.org/</a>
They look cool but aren't avatars mainly used to uniquely identify someone based on a picture?<p>A lot of these look too similar. The really boring approach IMO is to choose a random solid color and put the user's initial(s) on top of it. This makes it pretty unique and much easier to associate someone back to their avatar.
The designs are really nice, but I feel they should be more differentiated. Otherwise you can't recognize a particular person by their avatar and you might as well use identical ones for all of them.
Very nice, great job!<p>Here's another fun one: <a href="https://getavataaars.com/" rel="nofollow">https://getavataaars.com/</a>
Love the list of sample names!!<p><a href="https://notablewomen.withgoogle.com/all" rel="nofollow">https://notablewomen.withgoogle.com/all</a>
The generated avatars are very pleasing to the eye, excellent work!<p>I was hoping though to enter my name somewhere on that page to test it out, as I have negative infinity js skills :-/
I share the common setiment from the comments: the avatars are hard to tell apart, which means they fail in their purpose as quick visual identifiers.<p>I've dabbled with this in the past, what I found very helpful was symmetry -- this works especially well with abstract shape ones. Generate a piece, then mirror it horizontally (or vertically, or both). I found this kind of visual redundancy made the glyphs more attractive to look at, and more distinct / easier to tell apart.
My favourite was the Stackoverflow April Fools Unicorn avatar generator from a few years ago but I'm not sure if they ever released the source<p><a href="https://meta.stackexchange.com/questions/37328/my-god-its-full-of-unicorns" rel="nofollow">https://meta.stackexchange.com/questions/37328/my-god-its-fu...</a>
Incredible work! I'd pay for additional packs and also for a list of artists to come up with custom ones. (was just looking for this the other day). Every B2B SaaS and consumer product on the planet either needs to pay an illustrator/designer to create these... or perhaps use your product? :)
On a same note, similar library I've built (also react, client side only): <a href="https://www.blankjs.com/" rel="nofollow">https://www.blankjs.com/</a>
I really like this. We've attempted similar ideas on projects before based on first/last initial and it never turned out like I wanted. I like the simplicity of your execution and the range of styles you created. I get that some of the feedback is about them being too close together, but for practical applications, I think you would see enough variation in a small subset for it to be effective. Well done!
These are really cool, especially Beam as others have said. It's not quite the same but I came across a really cool interactive blog post doing something similar recently that others might enjoy: <a href="https://francoisbest.com/posts/2021/hashvatars" rel="nofollow">https://francoisbest.com/posts/2021/hashvatars</a>
Nice- but personally I prefer Identicons e.g.<p><a href="https://idbloc.co/blog/product/update/2019/05/09/toggles-identicons-and-beauty.html" rel="nofollow">https://idbloc.co/blog/product/update/2019/05/09/toggles-ide...</a><p>These are basically a hash in visual format.
Implemented them into our platform this morning! Love them. We have a space/aurora type theme so the marbles with the right color scheme look great - we only use them as fallback if users don't provide their own.
Awesome work! I was wanting to build a library like this myself but you've executed it way better! You should try to build and charge for a web API for this to let communities auto-generate avatars for their new users.
Anybody know of a library that generates similar style images that can be used for larger dimensions? My goal would be to use this for blog cover backgrounds with title text imposed over it.
There should be an option for StyleGAN (i.e <a href="https://thispersondoesnotexist.com/" rel="nofollow">https://thispersondoesnotexist.com/</a>)
An awesome avatar library would be one that searches the internet for an image that closely matches a user, maybe apply some filters too and face recognition cropping too.
No seriously, a library that generates random filled circles? Is this an exercise in getting a React package into the ecosystem? This is too elementary to be taken seriously, so why all the praise posts? I am genuinely confused. Why?