Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
August 25, 2021 02:40 pm GMT

Generating Awesome User Avatars is Easy

Hey Developers

Whenever user signups, we as a developer either ask them to upload an avatar or add a simple avatar placeholder that looks too boring.

So, today I'll be sharing, how you guys can create an amazing avatar for your users.

Let's Start

There's a tool name DiceBear Avatars which will help you create an amazing avatar using the user's name. And this is too easy to use. This will generate different avatars based on your options.

<img src="https://avatars.dicebear.com/api/male/Ashik%20Chapagain.svg"/>

This is what you'll get.
image.png

This is just of one type. DiceBear Avatars provides you 10 types of avatars.

Let's look at them.

Avatars Types

Male

<img src="https://avatars.dicebear.com/api/male/Lalit%20Kishore.svg"/>

This is what you'll get.
image.png

Female

<img src="https://avatars.dicebear.com/api/female/Some Girl Name.svg"/>

You'll get something like this.
image.png

Human

<img src="https://avatars.dicebear.com/api/human/Some Person Name.svg"/>

Result:
image.png

Avataaars

<img src="https://avatars.dicebear.com/api/avataaars/Some Person Name.svg"/>

image.png

Bottts

<img src="https://avatars.dicebear.com/api/bottts/Some Person Name.svg"/>

image.png

Micah

<img src="https://avatars.dicebear.com/api/micah/Some Person Name.svg"/>

image.png

Initials

<img src="https://avatars.dicebear.com/api/initials/Some Person Name.svg"/>

image.png

Identicon

<img src="https://avatars.dicebear.com/api/identicon/Ashik Chapagain.svg"/>

image.png

Jdenticon

<img src="https://avatars.dicebear.com/api/jdenticon/Ashik Chapagain.svg"/>

image.png

Gridy

<img src="https://avatars.dicebear.com/api/gridy/Ashik Chapagain.svg"/>

image.png

That's it for today guys.


Original Link: https://dev.to/chapagainashik/generating-awesome-user-avatars-is-easy-cjj

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To