An Interest In:
Web News this Week
- March 20, 2024
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
- March 14, 2024
August 25, 2021 02:40 pm GMT
Original Link: https://dev.to/chapagainashik/generating-awesome-user-avatars-is-easy-cjj
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 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"/>
Female
<img src="https://avatars.dicebear.com/api/female/Some Girl Name.svg"/>
You'll get something like this.
Human
<img src="https://avatars.dicebear.com/api/human/Some Person Name.svg"/>
Avataaars
<img src="https://avatars.dicebear.com/api/avataaars/Some Person Name.svg"/>
Bottts
<img src="https://avatars.dicebear.com/api/bottts/Some Person Name.svg"/>
Micah
<img src="https://avatars.dicebear.com/api/micah/Some Person Name.svg"/>
Initials
<img src="https://avatars.dicebear.com/api/initials/Some Person Name.svg"/>
Identicon
<img src="https://avatars.dicebear.com/api/identicon/Ashik Chapagain.svg"/>
Jdenticon
<img src="https://avatars.dicebear.com/api/jdenticon/Ashik Chapagain.svg"/>
Gridy
<img src="https://avatars.dicebear.com/api/gridy/Ashik Chapagain.svg"/>
That's it for today guys.
Original Link: https://dev.to/chapagainashik/generating-awesome-user-avatars-is-easy-cjj
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To