Skip to content

uname-n/face

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Face


example

Animated SVG character faces as a web component. Drop in a single script and use <face-rig> anywhere.

Usage

<script src="https://cdn.jsdelivr.net/gh/uname-n/face@master/face.min.js"></script>
<face-rig state="targeting" style="color: black;" />

States

Static Animated
happy idling
sad idling_night
crying searching
staring targeting
pondering entranced
cool booting
possessed konami
frustrated goodnight
demotivated shutdown
intense
offline

Attributes

Attribute Description
state Face state name (defaults to idling)
disable Disables animation and bounce
style="color: ..." Sets the face color via CSS color inheritance

About

animated svg character faces as a web component.

Resources

Stars

Watchers

Forks

Contributors

Languages