Generate Avatars From Usernames (Initials) – Vue Avatar

Install & Download:

# Yarn
$ yarn add @webzlodimir/vue-avatar
# NPM
$ npm i @webzlodimir/vue-avatar

Description:

Avatar is a Vue 3 component that helps generate avatars from usernames (initials).

How to use it:

1. Import the VueAvatar.

import VueAvatar from "@webzlodimir/vue-avatar";
import "@webzlodimir/vue-avatar/dist/style.css";

2. Generate an avatar from the username you provide.

<template>
  <vue-avatar username="Vue Script" />
</template>

Preview: