Beautiful Avatar Component For Vue – Toy Face

Toy Face is a Vue component that adds beautiful cartoon avatars to your app.

How to use it:

1. Import the Toy Face.

import VueToyFace from "vue-toy-face";
export default {
  components: { VueToyFace },
  // ...
};

2. Add the VueToyFace component to the app and specify which avatar you want to use (1-18).

<VueToyFace
  :group='1'
  :toy-number='18'
></VueToyFace>
<VueToyFace
  :group='2'
  :toy-number='6'
></VueToyFace>

3. Customize the avatar.

<VueToyFace
  :group='1'
  :toy-number='18'
  :size='150'
  :rounded='42'
></VueToyFace>

Preview:

Download Details:

Author: imanmalekian31

Live Demo: https://vue-toy-face.vercel.app/

Download Link: https://github.com/imanmalekian31/vue-toy-face/archive/refs/heads/master.zip

Official Website: https://github.com/imanmalekian31/vue-toy-face

Install & Download:

# Yarn
$ yarn add vue-toy-face

# NPM
$ npm i vue-toy-face