@powerbull/boring-avatars-vue

1.0.3 • Public • Published

Boring Avatars

Boring avatars is a tiny JavaScript Vue library that generates custom, SVG-based, round avatars from any username and color palette.

It is a direct port of the React library https://github.com/boringdesigners/boring-avatars

boring avatars preview

License: MIT

NPM Version

Size

Install

yarn add @powerbull/boring-avatars-vue

or

npm install @powerbull/boring-avatars-vue

Usage

import avatar from "boring-avatars-vue";

<avatar
  :size="40"
  name="Maria Mitchell"
  variant="marble"
  :colors="['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']"
/>;

Props

Prop Type
size number or string
square boolean
name string
variant oneOf: marble, beam, pixel,sunset, ring, bauhaus
colors array of colors

Source

You can embed your boring avatars using the boring avatars source.

To choose a random avatar from a specific user and a color palette, the format follows:

https://source.boringavatars.com/marble/120/Maria%20Mitchell?colors=264653,2a9d8f,e9c46a,f4a261,e76f51

Avatar for Maria Mitchell

For more information, check out the README

Package Sidebar

Install

npm i @powerbull/boring-avatars-vue

Weekly Downloads

3

Version

1.0.3

License

MIT

Unpacked Size

30.5 kB

Total Files

13

Last publish

Collaborators

  • powerbull