Code Monkey home page Code Monkey logo

random-avatar-generator's Introduction

Avatar Generator

Usage

import { AvatarGenerator } from 'random-avatar-generator';

const generator = new AvatarGenerator();

// Simply get a random avatar
generator.generateRandomAvatar();

// Optionally specify a seed for the avatar. e.g. for always getting the same avatar for a user id.
// With seed 'avatar', always returns https://avataaars.io/?accessoriesType=Kurt&avatarStyle=Circle&clotheColor=Blue01&clotheType=Hoodie&eyeType=EyeRoll&eyebrowType=RaisedExcitedNatural&facialHairColor=Blonde&facialHairType=BeardMagestic&hairColor=Black&hatColor=White&mouthType=Sad&skinColor=Yellow&topType=ShortHairShortWaved
generator.generateRandomAvatar('avatar'); 

random-avatar-generator's People

Contributors

kindeep avatar maiconfriedel avatar

Stargazers

小南瓜 avatar  avatar Ramazan Akbal avatar Sergei Iu avatar Ognjen Jevremović avatar Amirreza Farzan avatar  avatar Aleksey Ilyin avatar  avatar 空白爱格子 avatar Exzia avatar lixplor avatar Akshat Bafna avatar 以安 avatar ChaShao avatar moon avatar Senior Software Engineer & Architect avatar boneyao avatar Ban avatar Happen avatar Shakhruz Ashirov avatar  avatar Matheus Flausino avatar Subhan Bakh avatar Praveena Sarathchandra avatar Insaf Ahamed avatar Rickard Ahlstedt avatar 45739847 avatar Victor Nogueira avatar Qin Tao avatar Quirino Emmanuel Mendes Ramos avatar Vladimir avatar Fureev avatar Rifat Khan avatar Goddy avatar Hong Tai Wei avatar Dmytro Shukaliuk avatar maazin avatar Oleksii Suvorov avatar Alan Jo avatar Thomas Berranger avatar Juan Andrés Rivera  avatar Ice-Hazymoon avatar Ali El-Sayed Ali avatar Vitaly Andreev avatar Muhammad Hassan Naseer avatar Yuxiao Alisa Shi avatar Hamed Montazeri avatar  avatar

Watchers

 avatar

random-avatar-generator's Issues

https://avataaars.io/ is down

Hi,

I wanted to let you know that avataaars server is down so this package doesn't work.
I liked the way you implemented this package,
I think it might be a good idea to generate he avatar using an svg for better performance
similar to this package avataars-generator
^I'm sure you can extract some logic from that
what do you think?

Gender based

Is there any option to sort based on genders?

Male & Female?

Change structure of code for more flexibility

Hi again,
one more thing, I think it would be better to separate the options generation from the url generation.
It would give more uses for ur package
Tbh I want to do something like this
`import * as React from "react";
import Avatar from "avataaars";
import { AvatarGenerator } from "./generateOptions";

const RandomAvatar = ({ props }) => {
let properties = AvatarGenerator.generateRandomAvatar(props.seed);
return <Avatar {...properties} />;
};

export default RandomAvatar;
`
I'll submit a pr for this and let you work it out

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.