animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to model results

ground truth

Only CSS: Kirby

model outputs

GPT-5.4
A 0.94T 0.27
LLaMA 4 Scout (no output)
A T
1<div class="kirby"><div class="cheek o-left"></div><div class="cheek o-right"></div><div class="mouth"></div><div class="eyes"><div class="eye o-left"><div class="eye_deep"><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div></div><div class="eye_reflect"></div></div><div class="eye o-right"><div class="eye_deep"><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div><div class="eye_deep_light"><div class="graphic"></div></div></div><div class="eye_reflect"></div></div></div></div>