Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including ngx-gravatar with all npm packages installed. Try it out:

require("@angular/core/package.json"); // @angular/core is a peer dependency. require("@angular/common/package.json"); // @angular/common is a peer dependency. var ngxGravatar = require("ngx-gravatar")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

ngx-gravatar v9.1.0

A customizable Gravatar for Angular applications.

npm version GitHub stars CI Testing codecov npm npm bundle size (minified + gzip) code style: prettier license


The gravatar directive for Angular applications.

This directive supports two avatar sources:

  • Custom image
  • Gravatar

By default, the custom image has higher priority. If it is invalid, the Gravatar will be used. The priority can be changed by setting preferGravatar input or override the default configuration (see below).

Angular Gravatar Directive

Visit here for more information about Gravatar.


Live demo here.

If you like ngx-gravatar, please give it a :star: on github


Install ngx-gravatar via NPM, using the command below.

npm install --save ngx-gravatar
# or
yarn add ngx-gravatar
AngularInstallation command
Angular 9npm i --save ngx-gravatar@9.1.0
Angular 8npm i --save ngx-gravatar@8.1.0
Angular 6 & 7npm i --save ngx-gravatar@7.2.2
Angular 4 & 5npm i --save ngx-gravatar@3.0.5

See full documentation here

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free