https://github.com/mitchellcash/ng-boring-avatars

A tiny Angular library that generates custom, SVG-based, round avatars from any username and color palette based on the React Boring Avatars library.
https://github.com/mitchellcash/ng-boring-avatars

Last synced: 4 days ago
JSON representation

A tiny Angular library that generates custom, SVG-based, round avatars from any username and color palette based on the React Boring Avatars library.

• Host: GitHub
• URL: https://github.com/mitchellcash/ng-boring-avatars
• Owner: MitchellCash
• License: mit
• Created: 2021-05-28T15:34:07.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-03T10:14:11.000Z (about 1 year ago)
• Last Synced: 2024-10-13T11:35:31.335Z (about 1 month ago)
• Language: TypeScript
• Homepage:
• Size: 173 KB
• Stars: 8
• Watchers: 2
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ng-boring-avatars

![ng-boring-avatars](https://user-images.githubusercontent.com/8009243/120009571-03a44000-bfd4-11eb-9a41-f1d511cb4f13.png)

Based on the awesome [React Boring Avatars](https://github.com/boringdesigners/boring-avatars)

project this is the tiny Angular library that generates custom, SVG-based, round avatars from any

username and color palette.

For a demo of how the avatars render please check out the [Boring Designers](https://github.com/boringdesigners)

demo website [here](https://boringavatars.com). Although based around React you can expect the same

results in Angular with this library. 

## Install

```sh

yarn add ng-boring-avatars

```

or

```sh

npm install ng-boring-avatars

```

## Usage

1. Import `NgBoringAvatarsModule` into your `app.module.ts` file.

2. Then in your component template you can use:

```html

```