Press "Enter" to skip to content

Avatar Generator Placeholder Library In JavaScript

Avatars are the placeholder library of avatar for designers and developers and you can choose between simple icons and beautifully designed characters.

dummy avatar image, avatar placeholder svg free, profile image placeholder url, avatar placeholder png

A Javascript Library To Get Easy Lorem Ipsum Text Generator

How to make use of it:

Install theΒ Avatars with NPM.

# NPM
$ npm install @dicebear/avatars --save

Install a sprite collection of your choice.

# male
$ npm install @dicebear/avatars-male-sprites --save

# female
$ npm install @dicebear/avatars-female-sprites --save

# identicon
$ npm install @dicebear/avatars-identicon-sprites --save

# initials
$ npm install @dicebear/avatars-initials-sprites --save

# bottts
$ npm install @dicebear/avatars-bottts-sprites --save

# gridy
$ npm install @dicebear/avatars-gridy-sprites --save

# avataaars
$ npm install @dicebear/avatars-avataaars-sprites --save

# jdenticon
$ npm install @dicebear/avatars-jdenticon-sprites --save

Import Avatars and a sprite collection of your choice.

import Avatars from '@dicebear/avatars';
import SpriteCollection from '@dicebear/avatars-male-sprites';

let avatars = new Avatars(SpriteCollection);
let svg = avatars.create('custom-seed');

Generate an avatar.

let options = {};
let avatars = new Avatars(sprites(options));
let svg = avatars.create('custom-seed');

Pixel-Art Avatar Generator In JavaScript, Avatars Plugin/Github

Avatar-Generator-Demo


See Demo And Download

Official Website(DiceBear): Click Here

This superior jQuery/javascript plugin is developed by DiceBear. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *