Avvvatars

Open source react unique UI avatar library

103 followers

Open source react unique UI avatar library

103 followers

Visit website

Avatar generators

•

Design resources

Free open source placeholder avatar design system and react plugin for your project.

Free

Launch tags:Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Maker

Hi hunters 👋, It’s Oguz and Nusu here, for a long time we’ve been disturbed by the lack of a fancy user avatar placeholder library so we decided to do something in the weekend. Today we’re here with Avvvatars, it’s an open source random avatar generator for your next React project, we would consider supporting other libraries such as Vue or Svelte in the future and contributions are always appreciated. How Avvvatars works is extremely simple, you pass unique identifier to the plugin such as your users email address or full name, then it generates unique avatar for the given value. There’s also options for changing size, choosing characters or shapes for avatars and enabling shadows. Here are the list of futures - 🌈 40 Colors - Colors are so on point that most of the projects can use it without changing it - 💠 60 Shapes - Beautifully crafted shapes that are unique to your user with color combination - 🆎 Text or Shapes 🔸 - Use letters (eg. JD for John Doe) or unique shapes - 🤠 Unique to user - Generated avatars are unique to the string that you provide, it means if you pass janedoe@gmail.com you will always get the same avatar - 🕊 Lightweight - less than 20kb compressed + gzipped - ✍️ Customizable - use shadows, change size, provide alternative text to display Let us know what you think, feedbacks are highly appreciated and have a nice day 👋

Report

4yr ago

@oguz_yagiz_kara Hey this is great.

Report

4yr ago

Archbee

@oguz_yagiz_kara Bookmarked! Congrats on the launch!

Report

4yr ago

Trustmary Solo

This is cool! A little thing done better and when you have many little things done better you suddenly are doing big things better! Congrats! ?makers

Report

4yr ago

Maker

@arttuhaho Facts! 🥳 Thanks man

Report

4yr ago

Sales Sparrow by True Sparrow

?makers your landing page is super cool. Delightful UI. And the library itself will come super handy to a lot of devs.

Report

4yr ago

Formcarry

Maker

@nishith_shah thank you :) glad you liked it

Report

4yr ago

CodeWords

Hey, love this product as I just started dabbling in ReactJS! I've tried incorporating it into my project but the web page does not render anymore (results in blank page) when I merely try to import the package. Any idea why? There is no error displayed either. Thanks for the help!

Report

4yr ago

Formcarry

Maker

@ouhzzz thanks for the comment, it's hard to say but is it possible that you left the value blank? if its not please create an issue on github with your code attached so I can look into it :)

Report

4yr ago

Hey @oguz_yagiz_kara really liked your initiative, will try this & also recommend it to my friends as well. Cheers on the launch... :D

Report

4yr ago

Formcarry

Maker

@oguz_yagiz_kara @harsh2011 glad you liked it!

Report

4yr ago

@oguz_yagiz_kara @nusususuzu Yes & I'd also give a feedback in some time...

Report

4yr ago

Formcarry

Maker

@oguz_yagiz_kara @harsh2011 feel free to reach out anytime you want

Report

4yr ago

mastermind.vision

I really needed something like this. Good team, fantastic idea. I appreciate such ideas. Great job guys.

Report

4yr ago

Formcarry

Maker

@tlgcav glad you liked it man!

Report

4yr ago

This library runs into the same problem I've had with other avatar generators like dicebear: there's no simple way to save the avatar to a DB, for example. Which means you have to make a network req every time you want to use it.

Report

4yr ago

Formcarry

Maker

@crevulus you don't have to save the avatar to the DB, you only need a unique identifier which can be user email or id, and the plugin will always return the same result, and there's actually no network request when generating avatars, it's in house.

Report

4yr ago

1 2 3

•••

Reviews