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 400,000 packages pre-installed, including vue-gravatar with all npm packages installed. Try it out:

var vueGravatar = require("vue-gravatar")

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

vue-gravatar v1.3.1

Gravatar component for VueJS


Build Status NPM Version NPM Dowloads

A dead-simple gravatar component for VueJS applications.



yarn add vue-gravatar


Register the component

import Vue from 'vue';
import Gravatar from 'vue-gravatar';

Vue.component('v-gravatar', Gravatar);

You may now use the component in your markup

<v-gravatar email="" />


The following props are available:

  • hash (type: String) md5 hash of the gravatar
  • email (type: String) email address of the gravatar (used when md5 hash not given)
  • size (type: Number, default: 80) size of the avatar
  • default-img (type: String, default: 'retro') default image type (see.
  • rating (type: String, default: 'g') rating of the image (see.
  • alt (type: String, default: 'Avatar') The alternative text of the image


<v-gravatar hash="f3ada405ce890b6f8204094deb12d8a8" alt="Nobody" :size="200" default-img="mm" />


The MIT License (MIT) - See file 'LICENSE' in this project


Copyright © 2017 Jiří Chára. All Rights Reserved.


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