Talk

Seamless UI Motion Video Prompt

From Wikiprompt, the free prompt encyclopedia

Dheepan Ratnam
Contributed byDheepan RatnamXSource

Sep 30, 2026

Seamless UI Motion Video Prompt A detailed text-to-video prompt for creating a seamless UI motion loop with precise timing, art direction, and text rendering requirements.

Related media

Prompt ContentSave

🌐
Create a 15-second, square, seamless looping UI motion video. One continuous take with no cuts. A single centered element morphs through every interface state, preserving its identity as its width, height, corner radius, and material change. Art direction: premium Apple Liquid Glass, warm light-gray canvas, frosted white surfaces, fine reflective edges, soft realistic shadows, black controls, crisp Geist typography. Monochrome only. Straight-on orthographic camera with smooth zooms that keep each component large and fully inside the frame. Restrained springs with barely perceptible overshoot. A clearly visible black cursor with a thin white outline drives the sequence through convincing clicks, holds, drags, and releases. Cursor contact must match the control's location. Content exits through a brief blur before replacement content appears; never overlap two states' text. Timing - 120 BPM, an action every half-second: 0–0.5s: Glass pill button reads "Let's play", with a right-arrow icon. Cursor lands and clicks. 0.5–1.5s: The same pill contracts into a circular loader. Its ring rotates smoothly. 1.5–2s: Loader becomes a clean checkmark. 2–3s: Circle stretches into a black Dynamic Island reading "Now playing", with a music icon and animated waveform. 3–4s: Island opens into a frosted music player. Exact title: "Deep Urban". Exact artist: "Eugenio Mininni". Show "0:42" beside the progress bar. Cursor clicks; the play triangle smoothly becomes two pause bars. 4–5s: Player compresses into its progress bar. Cursor grabs the knob and scrubs forward. Time changes to "2:18". 5–6.5s: Progress bar becomes a volume slider. Cursor drags past maximum; the slider stretches elastically while displaying "100". Release produces a short, controlled spring return. 6.5–7.5s: Slider becomes a toggle. Cursor clicks it on. The knob stretches slightly as its leading edge moves ahead of its trailing edge. 7.5–8.5s: That same knob becomes the liquid selected-tab indicator. Three exact labels: "Listen", "Explore", "Activity". Cursor clicks through them; the indicator stretches between tabs. 8.5–10.5s: Tabs expand into a line chart titled "Your rhythm", subtitle "Listening this week". The line draws itself. Cursor hovers over a point, revealing "2h 42m". Top-right value: "+24%". 10.5–11s: Chart collapses into a compact "⌘K" keycap. 11–13s: Keycap opens into a command palette. Initially show "Search anything". Type "play" one letter at a time. Results filter to "Play Deep Urban". Enter selects it. 13–14s: Palette becomes a black success toast reading "Added to your queue", with a checkmark. 14–15s: Toast morphs back into the original "Let's play" button. Cursor returns smoothly to its opening position. Final composition exactly matches the first frame. Text rendering is the priority: reproduce every quoted string exactly, with stable spelling, sharp letterforms, consistent kerning, and readable contrast. Keep text anchored within each component as it morphs. No invented words, scrambled letters, flickering glyphs, or additional labels. No bouncy easing, particles, glows, gradients on UI chrome, mismatched icon strokes, cuts, camera rotation, decorative scenery, or extra UI. Add restrained click sounds and a minimal instrumental pulse at 120 BPM.

Sign in to see the full prompt

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

Usage

This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.

For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.

References

Categories:creative| twitter| ui-motion| video-prompt

Talk