--- title: Nice avatar — React component for generating avatars description: react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people... canonical: https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Nice avatar — React component for generating avatars | daily.dev og:description: react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people... og:url: https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w og:image: https://api.daily.dev/og/posts/zlVMKmD5W.png og:image:alt: Nice avatar — React component for generating avatars og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Nice avatar — React component for generating avatars **[Product Hunt](https://daily.dev/sources/ph)** · 75 upvotes · 6 comments ## Summary react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people with reading comprehension and vocabulary. Share this avatar with your social media accounts. Send it to your friends by sending a message to their accounts. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@xasanvaliyev** · 4 upvotes > Nice work. Very awesome information. Thanks **@rafamaths** · 2 upvotes > that great idea to have as a project on GitHub **@ofry** · 1 upvotes > Cool! **@renis** · 0 upvotes > Good-- **@dilangeek** · 0 upvotes > Good idea, the avatars are so cool and fresh > > just i think the project need more custom options like choose different faces ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Nice avatar — React component for generating avatars","url":"https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w"},"datePublished":"2021-06-02T07:18:44.218Z","dateModified":"2021-10-07T14:17:10.317Z","description":" react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5ef239fe5299e56f56b45eaa97278780","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5ef239fe5299e56f56b45eaa97278780","isAccessibleForFree":true,"articleSection":"Product Hunt","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Product Hunt","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph","url":"https://daily.dev/sources/ph"},"commentCount":6,"discussionUrl":"https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":75},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":6}],"keywords":"react,webdev"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Product Hunt","item":"https://daily.dev/sources/ph"},{"@type":"ListItem","position":3,"name":"Nice avatar — React component for generating avatars"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/nice-avatar-react-component-for-generating-avatars-zlvmkmd5w","comment":[{"@type":"Comment","text":"Nice work. Very awesome information. Thanks","datePublished":"2021-06-02T11:38:18.554Z","url":"https://daily.dev/posts/zlVMKmD5W#c-e59P0fdML","author":{"@type":"Person","name":"Xasan Valiyev","url":"https://daily.dev/xasanvaliyev","image":"https://lh3.googleusercontent.com/a-/AOh14GjHrwbjZZ90fms7oT7-2GSNCFOgSw1nqkbtJw4m=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"that great idea to have as a project on GitHub","datePublished":"2021-06-02T16:47:11.282Z","url":"https://daily.dev/posts/zlVMKmD5W#c-w7Hu1H6Qz","author":{"@type":"Person","name":"Rafael Silva Galdino Mathias","url":"https://daily.dev/rafamaths","image":"https://avatars.githubusercontent.com/u/76234176?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Cool!","datePublished":"2021-06-02T13:58:46.724Z","url":"https://daily.dev/posts/zlVMKmD5W#c-tSGEP6sz2","author":{"@type":"Person","name":"ofry","url":"https://daily.dev/ofry","image":"https://lh3.googleusercontent.com/a-/AOh14GgzP1hrNnrvtBQ2DJrepTzHkjo44zW8tiic5lRt=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Good–","datePublished":"2021-06-02T16:12:53.598Z","url":"https://daily.dev/posts/zlVMKmD5W#c-V-WMWe0Lv","author":{"@type":"Person","name":"Renis","url":"https://daily.dev/renis","image":"https://lh3.googleusercontent.com/a-/AOh14GibUeLAAy830VlX3NrKw0ySJNoswHch55m79hYL7w=s100"}},{"@type":"Comment","text":"Good idea, the avatars are so cool and fresh\njust i think the project need more custom options like choose different faces","datePublished":"2021-06-02T22:25:26.503Z","url":"https://daily.dev/posts/zlVMKmD5W#c-ow00wys2t","author":{"@type":"Person","name":"Dilan Atondo","url":"https://daily.dev/dilangeek","image":"https://avatars1.githubusercontent.com/u/20001265?v=4"}}]} ```