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