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

ground truth

Only CSS: Pulse Box

model outputs

GPT-5.4
A 0.65T 0.29
LLaMA 4 Scout (no output)
A T
1<div id="box_world"><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div><div class="box_wrapper"><div class="box_inner"><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div><div class="box_wall"></div></div></div></div>