{"id":23109704,"url":"https://github.com/clydedz/uiavatars-npm","last_synced_at":"2025-07-08T22:02:14.010Z","repository":{"id":48014874,"uuid":"188399938","full_name":"ClydeDz/uiavatars-npm","owner":"ClydeDz","description":"Generate avatar images based on user initials","archived":false,"fork":false,"pushed_at":"2022-12-30T17:42:42.000Z","size":164,"stargazers_count":3,"open_issues_count":6,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-17T10:13:53.109Z","etag":null,"topics":["avatar","avatar-generator","avatars","html","initials","javascript","javascript-library","npm","npm-package","profile","profile-picture","typescript","ui-avatars","uiavatars","user","user-initals"],"latest_commit_sha":null,"homepage":"http://bit.ly/ui-avatars","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ClydeDz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-24T10:08:10.000Z","updated_at":"2023-05-09T14:27:54.000Z","dependencies_parsed_at":"2023-01-31T12:30:29.555Z","dependency_job_id":null,"html_url":"https://github.com/ClydeDz/uiavatars-npm","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClydeDz%2Fuiavatars-npm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClydeDz%2Fuiavatars-npm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClydeDz%2Fuiavatars-npm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClydeDz%2Fuiavatars-npm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ClydeDz","download_url":"https://codeload.github.com/ClydeDz/uiavatars-npm/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230049408,"owners_count":18164882,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["avatar","avatar-generator","avatars","html","initials","javascript","javascript-library","npm","npm-package","profile","profile-picture","typescript","ui-avatars","uiavatars","user","user-initals"],"created_at":"2024-12-17T01:39:43.527Z","updated_at":"2024-12-17T01:39:44.607Z","avatar_url":"https://github.com/ClydeDz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UI Avatars   \nGenerate avatar images based on user initials.  \n    \n[![Build status](https://clydedsouza.visualstudio.com/UI%20Avatars%20npm/_apis/build/status/UI%20Avatars%20Master)](https://clydedsouza.visualstudio.com/UI%20Avatars%20npm/_build/latest?definitionId=26) \n![Azure DevOps tests (branch)](https://img.shields.io/azure-devops/tests/clydedsouza/UI%20Avatars%20npm/26/master.svg) \n![Azure DevOps coverage](https://img.shields.io/azure-devops/coverage/clydedsouza/UI%20Avatars%20npm/26.svg) \n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/6411dc46f633403d884210c8ec4839c5)](https://app.codacy.com/app/ClydeDz/uiavatars-npm?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=ClydeDz/uiavatars-npm\u0026utm_campaign=Badge_Grade_Dashboard) \n![MIT License](https://img.shields.io/static/v1.svg?label=📜%20License\u0026message=MIT\u0026color=informational) \n[![npm](https://img.shields.io/npm/v/ui-avatars.svg?color=brightgreen\u0026logo=npm)](http://bit.ly/ui-avatars)   \n\n## Usage  \nAfter installing, simply import it in your file. \n\n```javascript\nconst uiavatars = require(\"ui-avatars\");\n```\n\nConsume the `generateAvatar()` API to get an avatar URL that you can use directly as an image. Supply the settings object to this method to generate the avatar image URL accordingly. You can either supply one or all settings, based on your requirement. All settings are pretty self-explanatory.  \n\n```javascript\nvar avatarURL = uiavatars.generateAvatar({\n            uppercase: true,\n            name: \"Tony Stark\",\n            background: \"990000\",\n            color: \"000000\",\n            fontsize: 0.5,\n            bold: true,\n            length: 2,\n            rounded: true,\n            size: 250\n        }); \n```\n   \n## Examples \n\u003e Clicking on the images below opens the image in a browser window.  \n\n[![Sample image 1](https://ui-avatars.com/api/?background=990000\u0026color=fff\u0026name=Clyde%20D%27Souza\u0026size=120)](https://ui-avatars.com/api/?background=990000\u0026color=fff\u0026name=Clyde%20D%27Souza\u0026size=120) \n[![Sample image 2](https://ui-avatars.com/api/?bold=true\u0026size=120)](https://ui-avatars.com/api/?bold=true\u0026size=120) \n[![Sample image 3](https://ui-avatars.com/api/?name=Tony%20Stark\u0026length=1\u0026size=120\u0026font-size=0.8\u0026background=23ff6c\u0026color=000000)](https://ui-avatars.com/api/?name=Tony%20Stark\u0026length=1\u0026size=120\u0026font-size=0.8\u0026background=23ff6c\u0026color=000000)    \n\n## Release notes \nRelease notes can be found [here](https://github.com/ClydeDz/uiavatars-npm/releases).   \n\n## License\nThis npm package is licensed under MIT. [UI Avatars](https://ui-avatars.com/) may be licensed separately.  \n\n## Credits  \n[UI Avatars](https://ui-avatars.com/) developed by [Lasse Rafn](https://twitter.com/lasserafn) / [GitHub](https://github.com/LasseRafn/ui-avatars).  \nThis npm package is developed by [Clyde D'Souza](https://clydedsouza.net).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclydedz%2Fuiavatars-npm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclydedz%2Fuiavatars-npm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclydedz%2Fuiavatars-npm/lists"}