Water Break

A one-shot comparison of AI-generated HTML/CSS/JS character animations.

Water Break media is blocked

Allow external media to connect to the provider and play this content.

Description

A visual comparison of four different AI models attempting to generate a person drinking water using only HTML, CSS, and JavaScript from a single prompt. The project showcases the varying creative interpretations and code efficiency of GPT-5.1, Gemini 3 Pro, Grok 4.1, and Claude Opus 4.5, with output code ranging from 219 to 651 lines.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Gives a rare side-by-side look at how different frontier models interpret a complex SVG-style animation prompt in a…
Attributed to: Diego | AI 🚀 - e/acc@diegocabezas01
Built with: North Mini Code LTX 2.3 Pro 3.1 Pro Seedream 5.0 Pro Vidu Q3 Pro Seedance 1.5 Pro Flux 2 Pro Nano Banana Pro Gemini 3 Pro Gemini 2.5 Pro Phi-3 Mini 4K ChatGPT 5.1 Thinking Grok 4.1 Thinking Opus 4.5
Tags: #animation #css-art #one-shot #html5

Discovered: X
First posted: X · Aug 22, 2026
Listed: Added 3d ago
Build: Moderate
Models: Strong

Prompt

side view html/css/js of a person drinking water, close shot animation. all in 1 html

Source

Water Break

Description

Timeline

Water Break

Description

Timeline