Skip to content

cgross/avataaars-customizer

Repository files navigation

avataaars-customizer

Embeddable custom avatar generator based on https://avataaars.com/ and https://getavataaars.com/.

Screenshot

Install

npm install --save avataaars-customizer

React, react-dom, avataaars, and lodash are peer dependencies.

Usage

import React from 'react'

import AvataaarsCustomerizer from 'avataaars-customizer'

function Example() {
  const [customizedAttributes,setCustomizedAttributes] = React.useState({
    topType:'LongHairMiaWallace',
    accessoriesType:'Prescription02',
    hairColor:'BrownDark',
    facialHairType:'Blank',
    clotheType:'Hoodie',
    clotheColor:'PastelBlue',
    eyeType:'Happy',
    eyebrowType:'Default',
    mouthType:'Smile',
    skinColor:'Light',
  });

  return (
    <AvataaarsCustomizer value={customizedAttributes} onChange={setCustomizedAttributes}/>
  )
}

License

MIT © cgross

About

Embeddable custom avatar generator based on https://avataaars.com/ and https://getavataaars.com/.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published