011 · component
Grok Bot
An expressive SVG character
useAnimateSVG ellipse morphing
Live Preview
View sourceLoading…
Overview
An expressive SVG character with animated eye shapes, facial movement, blinking, and state-based reactions.
Learnings
This is a basic version of the Grok Bot animation. I tried experiementing with the value of cx and cy based on state.
Just a heads up
These components are part of my learning journey. I'm building them to practice motion, interactions, and UI engineering, so think of them as experiments rather than production-ready components.
Most of the ideas are inspired by incredible work from designers and developers across the internet. I'm not the original creator of those concepts, and I've added proper credit and links to the original sources wherever I could.