oneshotlm
Compare all models on this prompt →

Animated loader · qwen3-vl-30b-a3b-instruct

Using the pre-provided gsap.min.js (global gsap), create a looping animated loading sequence on a dark background: morphing rounded shapes and a staggered row of dots orchestrated on a GSAP timeline with smooth easing.

⛨ sandboxed Open in new tab ↗
transcript · 4 messages
user

Using the pre-provided gsap.min.js (global gsap), create a looping animated loading sequence on a dark background: morphing rounded shapes and a staggered row of dots orchestrated on a GSAP timeline with smooth easing.

assistant

I'll create a self-contained index.html file with a looping animated loading sequence using GSAP. The animation will feature morphing rounded shapes and a staggered row of dots on a dark background.

write index.html (4168 bytes)
toolResult

Successfully wrote 4168 bytes to index.html

assistant

I've created a self-contained index.html file with a looping animated loading sequence using GSAP. The animation features: 1. Three morphing rounded shapes that change size and position 2. A staggered row of five dots that pulse in and out 3. Smooth easing transitions with a dark background 4. Continuous looping animation The animation uses GSAP's timeline functionality to coordinate the morphing shapes and dot animations, creating a visually appealing loading sequence. The shapes morph between different sizes and positions, while the dots pulse in a staggered pattern. The animation runs continuously with no external dependencies beyond the provided gsap.min.js file. All styles are contained within the HTML file, making it a complete, standalone solution.

TAKE IT TO CODE

A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.

RUN

modelqwen3-vl-30b-a3b-instruct
vendorQwen
harnesspi-agent
generated2026-08-01

EVALUATION

2/5 partial

Small morphing blob shapes with staggered dots animate on dark background but content is tiny and sparse, no interactivity change.

Vision grade · anthropic/claude-sonnet-5

MEASUREMENTS

Raw readings from the capture, not a verdict — the grade above is the only judgement. Percentages are how much of the screen changed; the measure under-reports sparse motion on a dark background.

idle motion0.8%
on click0.7%
on drag0.8%
on wheel1.0%
on enter + space0.9%
on arrow keys0.8%
on w/a/s/d0.7%
frame spread20.9 / 255
console errors0
js errors none

METRICS

runtime14.7s
tokens in4.6k
tokens out1.7k
cached0
cost / run$0.0015