Back to templates
UI motion design film made with Claude Opus 5.5
Prompt from @naomixbt on X · ♥ 270
OtherClaude OpusKinetic typeProduct UI
Watch the video 
Why it works
- A single continuous ball route links every component, so each handoff reads as motion rather than a cut.
- One camera moves through a shared layout, so each close-up is a move within the same world.
- Closed-form springs with small overshoot and a brief squash keep landings precise without excessive bounce.
- Key presses at fixed times, with typed text matching the keys struck, keep the reply readable and consistent frame to frame.
- Matching the first and last frames (ball direction, cursor position, switch state) prevents a loop stutter.
Reference prompt
Remix template
Ask me for: a target value for the slider, three short notification messages, a reply to type, and one accent color. If I skip anything, use 100, [FEATURES] as three notification messages, [PRODUCT] as the reply, and electric blue. A 10-second 2D UI motion film in 16:9 for [PRODUCT]. Place everything on a near-black canvas with a faint dot grid. Use charcoal controls, sharp white text, one accent color and a white ball that moves through the entire film. A real cursor clicks a toggle to start, and the ball guides each transition. Keep the UI clean and impacts precise, with only small spring overshoots. Move the camera through one continuous layout so every interaction fills the frame. Banned: hard cuts, stock footage, glows, particle bursts, disconnected transitions, excessive bouncing and blurry text during camera moves. Structure: toggle click, slider to 100, three notification cards for [FEATURES] arriving one per beat, a reply pill that stretches into a text field with a keyboard rising below, keys struck while the reply types, send activates, then the camera pulls back and the ball returns to the first switch with matching first and last frames. Build: one HTML file at 1920x1080 at 60fps. Compute every visual from time inside seek(t) with no CSS transitions, timers or carried state. Use a single camera transform with position and log-space zoom. Give the ball one continuous route with closed-form springs and a brief squash on impact. Derive the slider fill and number from the ball's horizontal position, and keep the tooltip centered over the knob. Give each key press a fixed time and show the reply as the portion typed by that moment. Align click, slider, card arrivals, key taps and send to measured beats, with a subtle UI sound on each contact. Export the full film with Playwright at 60fps and check the loop boundary frame by frame. Never let the ball teleport; show the path of every handoff.