oneshotlm
Compare all models on this prompt →

Animated loader · mercury-2

Output generated Cost / run $0.0019 Runtime 3.2s

Prompt for this run

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 ↗

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

modelmercury-2
vendorInception
harnesspi-agent
generated2026-08-01

METRICS

runtime3.2s
tokens in4.1k
tokens out1.3k
cached318
cost / run$0.0019
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
→ write index.html (1726 bytes)
toolResult

Successfully wrote 1726 bytes to index.html

assistant

The **index.html** file has been created in the current directory. It loads the pre‑provided `gsap.min.js` and implements a looping loading animation on a dark background, featuring a morphing rounded shape and a staggered row of bouncing dots, all controlled by GSAP timelines with smooth easing.