worm-avatar-react

Worm-Avatar-React

Create Funny Worm Avatars for your React projects in seconds... Create Random Worm Avatars or use with unique keys like email address. Highly customizable and easy to integrate.

Click to try out interactive demo

Getting started

Installation


npm i worm-avatar-react

Basic example

import  React  from  'react'

import { render } from  'react-dom'


const  App = () => (

<WormAvatar
	isRandom={true/false}
	seed={'unique-id/email-id'}
	radius={20}
	//isBackgroundGradient={isBGGradient}
	// backgroundStartColor={hexColor('#C9FFBF')}
	// backgroundEndColor={hexColor('#FFAFBD')}
	// backgroundGradientDegree={gradientDegrees(0)}
	// mouthExpression={Expression.MEH}
	// showEar={true}
	// bodyColorGradient={true}
	// bodyGradientDegree={gradientDegrees(180)}
	// bodyStartColor={hexColor('#004FF9')}
	// bodyEndColor={hexColor('#FFF94C')}
	// earColor={hexColor('#f5af19')}
	// eyePosition={EyePosition.NORMAL}
	// eyeCount={EyeCount.TWO}
	// eyeShadeColor={hexColor('#fca311')}
	// eyePupilGradient={true}
	// eyePupilStartColor={hexColor('#fca311')}
	// eyePupilEndColor={hexColor('#ef233c')}
	// showTongueOrTeeth={TongueOrTeeth.TEETH}
	// tongueColor={hexColor('#004FF9')}
	// toothCount={ToothCount.TWO}
	// bodyHeight={BodyHeight.TALL}
	// bodyShape={BodyShape.THIN}
	// addShadows={false}
/>

)

render(<App  />, document.getElementById("root"))

Props

seed = 'email-id@domain.com', isRandom = false, radius = 20, isBackgroundGradient = true, backgroundStartColor, backgroundEndColor, backgroundGradientDegree, addShadows = true, bodyHeight, bodyShape, bodyColorGradient = true, bodyStartColor, bodyEndColor, bodyGradientDegree, showEar, earColor, eyeCount, eyePosition, eyeShadeColor, eyePupilGradient = true, eyePupilStartColor, eyePupilEndColor, mouthColor, mouthExpression, showTongueOrTeeth, tongueColor, toothCount,

Inspired from the original codepen here

License

Apache License 2.0

worm-avatar-react