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

model output

Qwen3-VL-8B-Instruct

Loaders (WIP)

A 0.67T 0.26
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>Dot Animation</title>
7    <style>
8        body {
9            background-color: #e74c3c;
10            display: flex;
11            justify-content: center;
12            align-items: center;
13            height: 100vh;
14            margin: 0;
15        }
16        .dots {
17            position: relative;
18            width: 100px;
19            height: 100px;
20        }
21        .dot {
22            width: 10px;
23            height: 10px;
24            border-radius: 50%;
25            background-color: white;
26            position: absolute;
27            top: 50%;
28            left: 50%;
29            transform: translate(-50%, -50%);
30            animation: pulse 1.5s ease-in-out infinite alternate;
31        }
32        .dot:nth-child(1) {
33            animation-delay: 0s;
34        }
35        .dot:nth-child(2) {
36            animation-delay: 0.2s;
37        }
38        .dot:nth-child(3) {
39            animation-delay: 0.4s;
40        }
41        @keyframes pulse {
42            0% {
43                transform: translate(-50%, -50%) scale(1);
44                opacity: 1;
45            }
46            100% {
47                transform: translate(-50%, -50%) scale(1.2);
48                opacity: 0.7;
49            }
50        }
51    </style>
52</head>
53<body>
54    <div class="dots">
55        <div class="dot"></div>
56        <div class="dot"></div>
57        <div class="dot"></div>
58    </div>
59</body>
60</html>