10 Best Angular Avatar Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

ng

ngx-gravatar

Angular Gravatar Directive

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
1.0/ 5
1
Top Feedback
1Poor Documentation
GitHub Stars
37
Weekly Downloads
9K
Last Commit
6mos ago
Bundle Size (min+gzip)
3.76KB
Tree-Shakeable

@syncfusion/ej2-angular-layouts

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
183
Weekly Downloads
3K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@teambit/ui.owner-avatar

A tool for component-driven application development.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
14K
Weekly Downloads
0
Last Commit
3d ago
Bundle Size (min+gzip)
1.79KB
Not Tree-Shakeable
na

ngx-avatar

Universal avatar component for angular 2+ applications makes it possible to fetch / generate avatar from different sources

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
226
Weekly Downloads
13K
Last Commit
7mos ago
Bundle Size (min+gzip)
5.55KB
Tree-Shakeable
aa

angular-avatar

Angular Avatar is a simple and lightweight AngularJS directive that generates a letter's avatar like Microsoft or Google do in their web apps. First letter of each word in a string or a group of initials will be used to generate the avatar. The image of the avatar will be rendered in an html img tag as a real png or jpeg.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
47
Weekly Downloads
8K
Last Commit
1yr ago
Bundle Size (min+gzip)
1.57KB
Not Tree-Shakeable
na

ngx-avatars

Spiritual successor of HaithemMosbahi's ngx-avatar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
40
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nj

ngx-jdenticon

Angular directives used to generate identicons using Jdenticon.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
356
Last Commit
5mos ago
Bundle Size (min+gzip)
0.65KB
Tree-Shakeable
nli

ngx-letter-image-avatar

Directive for generating letter avatar (initials) in case no src provided

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
62
Last Commit
1yr ago
Bundle Size (min+gzip)
1.11KB
Tree-Shakeable
ac

angular-croppie

Angular 1.5+ Component for Croppie

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
257
Last Commit
7mos ago
Bundle Size (min+gzip)
0.37KB
Not Tree-Shakeable
na

ng2-avatar

Ng2-avatar is a simple and lightweight avatar component for Angular 2+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
15
Weekly Downloads
280
Last Commit
3yrs ago
Bundle Size (min+gzip)
3.09KB
Tree-Shakeable
nm

ng-multiavatar

A simple angular wrapper for @multiavatar/multiavatar javascript library

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
12
Weekly Downloads
3
Last Commit
10mos ago
Bundle Size (min+gzip)
26.9KB
Tree-Shakeable
aa

angular-animals

A customizable animal avatar Angular component, based on the avatars used by Google Docs and @arvidpoddar's react-animals.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
12
Last Commit
9mos ago
Bundle Size (min+gzip)
1.71KB
Tree-Shakeable
nla

ngx-letters-avatar

Angular package that generates avatar with the initial letters of the provided name

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
36
Last Commit
N/A
Bundle Size (min+gzip)
1.21KB
Tree-Shakeable
ita

ionic-text-avatar

Material Design text avatar for Ionic's ion-avatar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
30
Last Commit
4yrs ago
Bundle Size (min+gzip)
163.1KB
Not Tree-Shakeable
rla

rb-letter-avatar

Angular letter avatar component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
26
Last Commit
3yrs ago
Bundle Size (min+gzip)
2.42KB
Tree-Shakeable
ala

angular2-letter-avatar

letter avatar is angular2 directive. It will generate avatar based on given text

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
15
Weekly Downloads
23
Last Commit
2yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nca

ng-custom-avatar-generator

Angular Module (Library) that creates a random avatar svg image and lets the user customize it with endless possible combinations.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
19
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nu

ngu-utility

The utility components,service,directives and pipes for Angular.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
10
Weekly Downloads
19
Last Commit
4yrs ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
cag

custom-avatar-generator

Angular Element (Web Component) that creates a random avatar svg image and lets the user customize it with endless possible combinations.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
16
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nsg

ngx-stored-gravatar

A component that stores the gravatar image in the local storage of the browser. This comes in handy particularly in the cases where avatars may show up repeatedly, for instance, in a chat component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
14
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.41KB
Tree-Shakeable

@nis3soft/ng-avatar

NG Avatar - Simple Angular Avatar component for use with Material UI

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
6
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.55KB
Tree-Shakeable

@redtea/always-avatar

No avatar? - No problem! Let`s generate it!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
3
Last Commit
2yrs ago
Bundle Size (min+gzip)
0.20KB
Tree-Shakeable
na

ng-avatar

An Angular component/service for generating an avatar with initials or from gravatar.com

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
3
Last Commit
4yrs ago
Bundle Size (min+gzip)
61.4KB
Not Tree-Shakeable
ama

angular-multi-avatar-directive

AngularJS Multi-Avatar Directive supporting facebook, twitter, github and gravatar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ng2

ng2letteravatar

Angular 2 letter avatar component, letter avatar for the given string. Like gmail or google inbox text avatar i.e. First letter of the given data will be the avatar

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nea

ngx-eb-avatar

User initials avatar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.83KB
Tree-Shakeable
np

ng-person

A universal avatar component for Angular 2+ applications that generates truly unique colored letter avatar based on provided name.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
0
Last Commit
2yrs ago
Bundle Size (min+gzip)
8.21KB
Tree-Shakeable
nf

ngx-faceavatar

Angular component to display an image as avatar using (if possible) the browser's native face recognition to focus on a face in the image.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
3yrs ago
Bundle Size (min+gzip)
2.58KB
Tree-Shakeable