emojimation

Emojimation

npm | github

joysadnessdisgustangerfeargrimacinggrinsmileysmilelaughingwinkslightly_smiling_faceupside_down_facerelaxedblushyumrelievedheart_eyeskissing_heartkissingkissing_smiling_eyeskissing_closed_eyesstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesstuck_out_tonguesunglassessmirkno_mouthneutral_faceexpressionlessdisappointedworriedpensiveconfusedslightly_frowning_facewhite_frowning_faceperseveretired_facewearyopen_mouthhushedfrowninganguisheddizzy_face

Code Sample

 
<Emojimationemotion="joy" duration={800}width="30vh" height="30vh" style={{margin:'20px'}}headColor="yellow"/>

React Attributes

Name	Type	Default	Description
emotion	string	joy	render the emoji emotion
width	string	200px	set responsive width, using css units (px, %, vh, etc.)
height	string	200px	set responsive height, using css units (px, %, vh, etc.)
duration	number	800	duration of transition
headColor	color	yellow	set css color for head
mouthColor	color	black	set css color for mouth
eyeColor	color	black	set css color for eyes
browColor	color	black	set css color for eyebrows
tongueColor	color	black	set css color for tongue (or other attributes, like kisses)