annotated analysis · ambient · loop · blur

Retool's hero animation — ambient loop of translucent UI panels, decoded

A dark hero section featuring a persistent ambient loop where blurred, translucent UI cards drift diagonally behind static product messaging.

The page settles into a calm, high-tech state where the primary focus is a static input field and title. Behind this, a 'dashboard drift' loop animates oversized, blurred application screens that pan slowly across the background, creating depth and a sense of a living ecosystem.

Choreography, beat by beat

Elements arrive in a staggered fade-in (inferred entrance)
Ambient UI cards begin slow-motion diagonal pan from bottom-right to top-left
Cards fade in as they enter the viewport visibility zone
Cards dissolve/fade out as they reach the upper-left boundaries
Continuous seamless loop maintains constant background activity

feelcalmsophisticateddepth-heavyautomated

Element	Change	From → To	Timing
Ambient UI Cards	parallax	bottom-right → top-left	15000ms · linear
Ambient UI Cards	transform	0.0 → 0.4	2000ms · ease-in-out
Hero Title	transform	0.0 → 1.0	600ms
Prompt Input Field	transform	0.95 → 1.0	800ms

What video honestly can't tell you

Exact easing of the initial page-load entrance as video starts post-load
Precise count of unique UI cards in the full background rotation sequence
Hover-state interactions for the 'Starter prompts' or 'Watch the film' buttons

Recreate it yourself

This entire page was generated by one analysis. Point your AI agent at any clip or live site and get the same blueprint — plus ready-to-paste code. Try MotionLens free (5 credits, no card) or read the Claude Code setup guide.

Retool's hero animation — ambient loop of translucent UI panels, decoded

Choreography, beat by beat

What video honestly can't tell you

Recreate it yourself

More decoded animations