Boring Avatars

JavaScript library to generate SVG avatars based on text

5.0•2 reviews•

54 followers

JavaScript library to generate SVG avatars based on text

5.0•2 reviews•

54 followers

Visit website

Avatar generators

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

Free

Launch tags:Design Tools•Emoji•Branding

Launch Team

ArticosYour audience, ready to react to your messaging in minutes. Try free

Promoted

Great Idea and wonderful implementation!! Do you also provide some kind of apis to return an avatar? It would be great if you can please provide some access points as well

Report

5yr ago

Boring Avatars

Maker

Hey @prajjyadav0904 👋, yes, we recently released a service where you can get a random SVG avatars via HTTP. You'll find more information in the README. https://github.com/hihayk/boring...

Report

5yr ago

This is very cool. Can I use these avatars as default profile pictures for customers that sing up in my platform?

Report

5yr ago

Boring Avatars

Maker

@fatosbediu Thank you Fatos! Of course you can :) the library is open source and free to go for that use case (specially those use cases)

Report

5yr ago

Nice work! Personally, love the beam icons :) Do you have an api that returns an avatar image (maybe in png)? I have an npm package called give-me-an-avatar that returns an avatar from a collection of different services - happy to include yours.

Report

5yr ago

Boring Avatars

Maker

@clydedsouza Thank you Clyde! We have a service that returns the SVG in case you don't want to use the library. https://github.com/hihayk/boring...

Report

5yr ago

@josep_martins Awesome - will include it in the npm package soon. Thanks for sharing the GitHub link :)

Report

5yr ago

Love the Beam variable, great work! I will definitely use it on Figma for placeholder avatars. (Maybe a Figma plugin is a possible next step, @josep_martins? :P)

Report

5yr ago

Boring Avatars

Maker

@davtun Thank you David. We have the Figma plugin in mind too

Report

5yr ago

leerly

Wow, I was just looking for something like this! Is it deterministic? As in, will the resulting image always be the same for the text input? I'd love to use this for default avatars based on a user's email.

Report

5yr ago

Boring Avatars

Maker

@sweetheart Hey James 👋, yes, the avatar are generated in a deterministic way. Any email, username or any random text will produce the same output 😊.

Report

5yr ago

I was just thinking something like this, glad to stumbled here. Sending to our developer @yulafezmem and we will implement this in our projects, it is soo boring to serve empty avatar spaces, and wait for people to upload. Website is nicely executed, when you hover to the gradients, "COPY SVG" reveals at the bottom and you can click and copy the SVG code. OK, but I think we can do this by clicking right on to the gradient circles, without moving the cursor to the bottom each time, and also simple feedback would be nice on top of it "copied". Notable Women is also a nice touch. These things always add value, no matter where they used.

Report

5yr ago

Boring Avatars

Maker

@yulafezmem @boraoztunc Thank you Bora for all your feedback ✨. Our intended approach, as you mentioned, was to change the way we use the user avatar placeholders in those projects were we don't want to fall into the boring-letter-based avatars libraries 👍

Report

5yr ago