APIs to generate random user avatars
- Published at
- Updated at
- Reading time
- 3min
I'm a tab hoarder. There you have it! I often discover resources and keep their browser tabs open for months. They might come in handy in the future, right?
Today I'm cleaning up my browser tabs, putting things into my bookmarking system, my blog. So, here are some free image APIs to generate random user avatars.
DiceBear provides many hash-dependent avatars. Every URL hash (a user id or name) generates a new avatar image.
The service offers many different avatar style options, too.
And they'll get bonus points for serving SVGs! ๐ฏ
avatars.dicebear.com/api/croodles/stefan.svg
avatars.dicebear.com/api/bottts/stefan.svg
avatars.dicebear.com/api/open-peeps/stefan.svg
RoboHash provides hash-dependent avatars, too. They're not serving SVGs but PNGs. Nevertheless, I'm super into the Futurama style!
robohash.org/stefan-one
robohash.org/stefan-two
robohash.org/stefan-three
Random Users shines with realistic user avatars which can be handy when building realistic mocks and wireframes.
xsgames.co/randomusers/avatar.php?g=male
xsgames.co/randomusers/avatar.php?g=female
xsgames.co/randomusers/avatar.php?g=pixel
LOREM
offers more than avatar images. They provide movie and music album covers, pizzas, watches and random face pictures. It's a valuable service if you're building a shop or something!
The service doesn't generate images but redirects you to a different URL when calling their endpoints.
They receive bonus points for their built-in image resize options!
api.lorem.space/image/face?w=150&h=150
api.lorem.space/image/pizza?w=150&h=150
api.lorem.space/image/watch?w=150&h=150
Tom Doan shot me an email and shared the Multiavatar API with me. The style is not really my thing, but it's great that the service offers SVG and PNGs.
api.multiavatar.com/stefan.svg
api.multiavatar.com/kathrin.svg
api.multiavatar.com/zoe.svg
Boring avatars is actually a React library to generate avatars but the maintainers offer an API endpoint, too!
The API shines with six different styles, configurable colors and controllable size! And the beam
style is very cute.
source.boringavatars.com/beam/120/Stefan?colors=264653,f4a261,e76f51
source.boringavatars.com/bauhaus/120/Stefan?colors=264653,2a9d8f,e9c46a
source.boringavatars.com/pixel/120/Stefan?colors=26a653,2a1d8f,79646a
I just love that we have all these random APIs available these days! ๐
I'll try to extend this post in the future. If you know of more avatar APIs, shoot them my way.
Yes? Cool! You might want to check out Web Weekly for more web development articles. The last edition went out 4 days ago.