Back to templates
UI shape-morph motion design video made with Claude Opus 5.5
Prompt from @demonugc on X · ♥ 11
OtherClaude OpusKinetic typeProduct UI
Watch the video 
Why it works
- One element morphs through every state and is never cut, which keeps the piece visually continuous.
- Every change is tied to the 120 BPM grid, with something happening on every beat across 7 bars.
- Springs are closed-form and the tab and toggle edges use different springs, so the leading edge stretches ahead of the trailing one.
- Drags are direct manipulation: the value follows the cursor and springs back on release.
- Text swaps use their own enter and exit timing with a short blur so they do not overlap during morphs.
Reference prompt
Remix template
Create a square motion-design piece for [PRODUCT] using one shape that never cuts. It morphs its size, radius and color through these UI states, in order: [FEATURES]. Use a light warm-gray canvas, black and white components, and one clean UI font. Use springs with at most a tiny overshoot, and no bouncy easing, glows, gradients on UI chrome, or particle effects. Every change is driven by a cursor with real clicks and drags. Sync every change to a 120 BPM song with 7 bars, starting on a downbeat with something happening on every beat. Zoom the camera so each state fills the frame. The last frame must match the first, including cursor position and speed, so it loops.Customize this prompt for my productOnly your product name is required. Nothing is uploaded.