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

model output

Qwen3-VL-8B-Instruct

Single Element Spinner

A 0.77T 0.22
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>Rotating Circle</title>
7    <style>
8        body {
9            display: flex;
10            justify-content: center;
11            align-items: center;
12            height: 100vh;
13            margin: 0;
14            background-color: white;
15        }
16        .circle {
17            width: 20px;
18            height: 20px;
19            border: 2px solid #3498db;
20            border-radius: 50%;
21            animation: rotate 2s linear infinite;
22        }
23        @keyframes rotate {
24            0% {
25                transform: rotate(0deg);
26            }
27            100% {
28                transform: rotate(360deg);
29            }
30        }
31    </style>
32</head>
33<body>
34    <div class="circle"></div>
35</body>
36</html>