Chiku Animation Prototype

One SVG file · CSS animations · reusable across website & social

Idle
Body
Motion
3.0 s
7 px
0 °
Tail
2.2 s
12 °
0 °
Left Arm
0.7 s
18 °
0 °
Right Arm
0.7 s
18 °
0 °
Back Leg
2.8 s
8 °
0 °
Front Leg
2.8 s
8 °
0 °
Head
2.5 s
5 °
0 °
Left Hand
0.35 s
20 °
0 °
Right Hand
0.35 s
20 °
0 °
↦ Timeline
Export GIF
Capturing frames…

One SVG file, animated with CSS. Each state is a class swap — no new files, no re-rendering. Drop Chiku anywhere on the site and control his mood from a single stylesheet.

Homepage hero

Chiku idles and waves when a visitor hovers the search bar — adds warmth without distraction.

Search loading

Replace the spinner with Chiku in "Waiting" mode. Branded and on-personality.

Booking confirmed

Chiku celebrates when a trip is booked. One joyful moment that costs nothing to add.

Empty / error states

404, no results, connection issues — Chiku makes these feel less cold.

Ad & social creative

Export animation frames as WebP or GIF for paid social. Animate once, use everywhere.

Email campaigns

A short looping GIF of Chiku waving makes re-engagement emails feel human.