animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to Single Element Spinner

model output

LLaMA 4 Scout

Single Element Spinner

A 0.93T 0.31
compare with ground truth →
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Loading Animation</title>
7    <style>
8        .loader {
9            position: relative;
10            width: 24px;
11            height: 24px;
12            border-radius: 50%;
13            border: 2px solid #00A0FF;
14            border-top-color: transparent;
15            animation: spin 1s linear infinite;
16        }
17
18        @keyframes spin {
19            0% {
20                transform: rotate(0deg);
21            }
22            100% {
23                transform: rotate(360deg);
24            }
25        }
26    </style>
27</head>
28<body>
29    <div class="loader" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
30</body>
31</html>