Zero-shot video (or image-frame) → code results on the test set, across commercial and open-source models.
Each output is tagged with A = appearance similarity and T = temporal similarity; higher is better for both. Click a video to inspect its code.
65–72 of 214
ground truth
CSS Waves
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
CSS animated waves
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
Wave Text Animation(Real PURE CSS)
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
Loading Text (real PURE CSS)
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
[single element] CSS Double Helix
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
Wave Animation Pure CSS
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
Water Drop
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout
ground truth
Pure CSS animated check mark
model outputs
Gemini 3 Flash Preview
Qwen3-VL-8B-Instruct
GPT-5.4
Claude Sonnet 4.6
LLaMA 4 Scout