animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to Loaders (WIP)

model output

LLaMA 4 Scout

Loaders (WIP)

A 0.47T 0.00
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        body {
9            background-color: #FF3737; /* Red background */
10            display: flex;
11            justify-content: center;
12            align-items: center;
13            height: 100vh;
14            margin: 0;
15            overflow: hidden;
16        }
17        .loader {
18            position: relative;
19            width: 50px;
20            height: 50px;
21        }
22        .loader svg {
23            position: absolute;
24            top: 50%;
25            left: 50%;
26            transform: translate(-50%, -50%);
27            width: 100%;
28            height: 100%;
29        }
30        .loader svg path {
31            stroke: white;
32            stroke-width: 2;
33        }
34    </style>
35</head>
36<body>
37    <div class="loader">
38        <svg viewBox="0 0 100 100">
39            <path d="M50 0 L50 100 M0 50 L100 50" />
40            <animateTransform attributeName="transform" 
41                              attributeType="XML" 
42                              type="rotate" 
43                              from="0 50 50" 
44                              to="360 50 50" 
45                              dur="1s" 
46                              repeatCount="indefinite" />
47        </svg>
48    </div>
49</body>
50</html>