Hatch Animation States

Preview all HatchGlyph animation states.

Static

No animation. Reduced motion or static contexts.

state="none"

Idle / Standby

Gentle floating. Nav, badges, passive presence.

state="idle"

Listening

Ears pulse, eyes widen. User is typing.

state="listening"

Reviewing

Eyes scan, smile concentrates. Processing answer.

state="reviewing"

Speaking

Mouth moves, head pulses. Delivering feedback.

state="speaking"

Celebrating

Cap bounces, eyes blink, big smile. Achievement!

state="celebrating"

On dark background

Static
Idle / Standby
Listening
Reviewing
Speaking
Celebrating