Easily generate avatars for your Vue and Nuxt projects with Beanheads Vue.
npm install beanheads-vueEasily generate avatars for your Vue and Nuxt projects with Beanheads Vue.
> This project is a Vue version inspired by RobertBroersma's React project, Beanheads. We deeply respect and appreciate the original work.
Install Beanheads Vue with your preferred package manager.
``bash`
npm install beanheads-vue
then, in your app:
`vue
`
| Name | Type | Default |
|----------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------|
| mask | boolean | false |"light"
| skin | , "yellow", "brown", "dark", "red", "black" | "light" |"chest"
| body | , "breasts" | "chest" |"content-eyes"
| eye | , "dizzy-eyes", "happy-eyes", "heart-eyes", "left-twitch-eyes", "normal-eyes", "simple-eyes", "squint-eyes", "wink" | "normal-eyes" |boolean
| with-lashes | | false |"none"
| eyebrows | , "normal", "serious", "left-lowered", "angry", "concerned" | "none" |"grin"
| mouth | , "lips", "sad", "serious", "open", "tongue" | "grin" |"red"
| lip-color | , "purple", "pink", "turquoise", "green" | "red" |"none"
| facial-hair | , "stubble", "medium-beard" | "none" |"none"
| hair | , "afro", "balding", "bob", "bun", "buzz", "long", "pixie", "short" | "none" |"blonde"
| hair-color | , "orange", "black", "white", "brown", "blue", "pink", "green", "red", "purple" | "white" |"none"
| clothing | , "naked", "dress", "dress-shirt", "shirt", "tank-top", "v-neck" | "none" |"white"
| clothing-color | , "blue", "black", "green", "red", "pink" | "white" |"none"
| clothing-graphic| , "vue", "nuxt", "redwood", "react", "gatsby", "graphql" | "none" |"none"
| hat | , "beanie", "turban" | "none" |"white"
| hat-color | , "blue", "black", "green", "red", "pink" | "white" |"none"
| accessory | , "round-glasses", "tiny-glasses", "shades" | "none" |boolean
| face-mask | | false |"white"
| face-mask-color | , "blue", "black", "green", "red", "pink" | "white"` |
This project is licensed under the MIT License.