Easily generate avatars for your projects with Big Heads. https://bigheads.io
yarn add @bigheads/core
or
npm install @bigheads/core --save
then, in your app:
import { BigHead } from '@bigheads/core'
const Example = () => (
<BigHead
accessory="shades"
body="chest"
circleColor="blue"
clothing="tankTop"
clothingColor="black"
eyebrows="angry"
eyes="wink"
facialHair="mediumBeard"
graphic="vue"
hair="short"
hairColor="black"
hat="none"
hatColor="green"
lashes="false"
lipColor="purple"
mask="true"
mouth="open"
skinTone="brown"
/>
)
accessory
body
circleColor
clothing
clothingColor
eyebrows
eyes
facialHair
graphics
hair
hairColor
hat
lipColor
mouth
size
skinTone
Type of accessory
Type | Required |
---|---|
enum('none', 'roundGlasses', 'tinyGlasses', 'shades') | No |
Type of body
Type | Required |
---|---|
enum('chest', 'breasts') | No |
The color of the circular background
Type | Required |
---|---|
enum('blue') | No |
Type of cloth
Type | Required |
---|---|
enum('naked', 'shirt', 'dressShirt', 'vneck', 'tankTop', 'dress') | No |
The color of the clothes
Type | Required |
---|---|
enum('white', 'blue', 'black', 'green', 'red') | No |
Type of eyebrows
Type | Required |
---|---|
enum('raised', 'leftLowered', 'serious', 'angry', 'concerned') | No |
Type of eyes
Type | Required |
---|---|
enum('normal', 'leftTwitch', 'happy', 'content', 'squint', 'simple', 'dizzy', 'wink', 'heart') | No |
Type of facial hair
Type | Required |
---|---|
enum('none', 'none2', 'none3', 'stubble', 'mediumBeard') | No |
Type of graphics over the t-shirts
Type | Required |
---|---|
enum('none', 'redwood', 'gatsby', 'vue', 'react', 'graphQL') | No |
Type of hair
Type | Required |
---|---|
enum('none', 'long', 'bun', 'short', 'pixie', 'balding', 'buzz', 'afro', 'bob') | No |
The color of the hair
Type | Required |
---|---|
enum('blonde', 'orange', 'black', 'white', 'brown', 'blue', 'pink') | No |
Type of hat
Type | Required |
---|---|
enum('none', 'none2', 'none3', 'none4', 'none5', 'beanie', 'turban') | No |
The color of the lips
Type | Required |
---|---|
enum('red', 'purple', 'pink', 'turqoise', 'green') | No |
Type of mouth
Type | Required |
---|---|
enum('grin', 'sad', 'openSmile', 'lips', 'open', 'serious', 'tongue') | No |
Size of the avatar
Type | Required | Default |
---|---|---|
number | No | 100 |
The color of the skin
Type | Required |
---|---|
enum('light', 'yellow', 'brown', 'dark', 'red', 'black') | No |