Animated SVG character faces as a web component. Drop in a single script and use <face-rig> anywhere.
<script src="https://cdn.jsdelivr.net/gh/uname-n/face@master/face.min.js"></script>
<face-rig state="targeting" style="color: black;" />| Static | Animated |
|---|---|
happy |
idling |
sad |
idling_night |
crying |
searching |
staring |
targeting |
pondering |
entranced |
cool |
booting |
possessed |
konami |
frustrated |
goodnight |
demotivated |
shutdown |
intense |
|
offline |
| Attribute | Description |
|---|---|
state |
Face state name (defaults to idling) |
disable |
Disables animation and bounce |
style="color: ..." |
Sets the face color via CSS color inheritance |