A live dictionary of interface components, motion and camera, with the name we write in the prompt
18 components · 12 motion verbs · 3 camera rules
▶To the componentsTo the prompt templateTo ask Claude for a studio-grade motion film, we need to know what everything is called. Every card here shows a component, a motion or a camera rule from zero's prompts, live: click it, drag it, type in it. Under each one is the English name as we write it in the prompt, a short explanation, a ready-to-copy sentence, and which of the three films uses it.
The parts apps are built from. Click, drag and type in every one of them.
The field where we type a message, like the bottom of WhatsApp or Claude. Composer is the word for that message box. The colorful glow circling it is the Apple Intelligence style.
close on a glowing composer with an iridescent conic-gradient edge; the request types in with a real keystroke rhythmThe message after it is sent. Our messages sit on one side in a dark color, and the replies sit on the other side in a light one.
the send button presses and the message turns into the user's chat bubble; the reply rises in below itA button or label with fully rounded ends. Filled means a solid color; outline means only a border.
two pills pop in: "Order now" (black, filled) and "More options" (outline)The mouse pointer that moves the story along. A click is a press, a long-press is a press held down, and a drag moves something while pressed. When the cursor causes every change, the film feels like a real product instead of an animation playing by itself.
A cursor drives every change with real clicks, drags and long-presses.A rounded rectangle that holds one item: photo, name, description, price and rating. A row of cards that slides sideways is called a carousel or a strip.
dark food cards (330x440, radius 28, photo on top, name, one-line description, price, rating); the strip slides onto the best matchA short message that pops up for a moment and disappears on its own, like "Saved" or "Sent". It doesn't block the screen and doesn't need to be closed.
a toast slides up from the bottom: "Saved", then slides awayA search window that opens from a keyboard shortcut. Instead of hunting for an action in menus, we type its name. Try typing "ex" to filter.
it collapses into a ⌘K command palette; type to filter; enterThe black pill at the top of the iPhone screen that expands when something happens: a timer, a call or music. That expanded state is called a live activity. Tap it.
the Dynamic Island stretches like liquid into a live activity with a running timerAn on/off button. The circle that moves inside it is the knob. Here the knob's two edges move on different springs, so it stretches on the way.
a toggle flips on the beat; the knob's two edges ride different springs, so it stretches while it travelsA track with a handle we drag to pick a value, like volume. Try dragging past the end: the track stretches like rubber, and springs back when we let go.
it becomes a volume slider that stretches when dragged past max, then springs back on releaseThe bar that shows how much of the song has played. Scrub means dragging the playhead back and forth. The play button turning into pause is a small morph.
a music player with a play/pause morph; scrub the progress barSeveral options in a row, and only one is active. The marker that moves between them is the indicator. Its leading edge runs ahead of the trailing one, which reads as liquid.
the knob becomes a liquid tab indicator: its leading edge stretches ahead of the trailing oneA small bubble that appears when we hover over something and shows one more detail, here the value of each bar. It moves between the bars on a spring.
the tabs open into a chart that draws itself, with a tooltip on hoverA button that shrinks into a spinning circle, a spinner, and then draws a check mark. It is one shape changing itself, with no cut.
button → loader → check, one shape morphing between themA grid of tiles in different sizes, like a Japanese bento box. Reflow means the tiles rearrange. Each tile travels to its new place on a spring.
the grid unfolds from behind the photo and reflows into a bentoThe words for the parts of a phone: the bezel is the frame, the status bar is the row with the time and battery, the lock screen is the screen before unlocking, and the home bar is the small line at the bottom.
a phone (428x900 screen, 11px black bezel, 9:41 status bar); a lock screen with big clock digits, the date and a home barA row of icons floating over the content. Liquid glass is the iOS 26 glass style: see-through, blurring what is behind it, with a lit edge.
a glass word melts into a droplet that stretches into a glass toolbar over the photoA wordmark is a logo that is a word, a brand mark is the symbol, and the end card is the film's last screen. Press Play: the word is revealed from behind the mark.
the pin becomes the brand mark, and the wordmark wipes out from behind it, with "made with" above and the product name belowHow one thing becomes another. These are the words that tell Claude what may move and how, and every card has a Play button.
The same object changes its size, corners and color until it becomes something else. Here a button turns into a card and back.
the button morphs into a card: the same element changes its size, radius and colorAn object that crosses into the next scene and carries its content with it. Here the button grows until it is the whole screen, and its label becomes the headline.
the black button grows into the whole page and carries its own label, which grows to headline size, then slides outWords rising out of an invisible line, one word at a time. Below the line they are hidden, so they seem to come out of it.
"You were craving noodles." rises word by word out of a mask lineItems that grow from nothing, go a little past their full size and land, one after another.
icons pop from zero on a spring, one per beatA color that comes out of one object and covers the whole screen in about 0.35 seconds, then shrinks back into a different object.
a lime circle floods out of the send button edge to edge in about 0.35s, then shrinks back into the user's bubbleA reveal by an edge that moves across the screen. Behind the edge is already visible, ahead of it is still hidden. This one has a highlight band on its leading edge.
a wipe with a leading lime band reveals the wordA six-sided opening that closes and opens like a camera shutter. When it is fully closed the content swaps, and when it opens we see a new picture.
six iris blades close over the label and snap open onto a photoA new page comes in from the side and pushes the previous one out, like opening an item in a list on the iPhone.
tap the order and the detail page pushes inTwo shapes that approach and merge like drops, then stretch and separate. This is how the Dynamic Island "melts" into a new window.
the Dynamic Island stretches like liquid, pinches off and flies over (goo: blur plus an alpha threshold)Both dots travel the same distance. The first goes slightly past the line and comes back; the second bounces like a ball. zero allows the first and bans the second.
Springs everywhere, a tiny overshoot at most. Banned: bouncy easing.In the top line every letter appears at exactly the same pace, like a machine. In the bottom one there are small slowdowns and pauses after words and commas, like a person typing.
the request types on three fixed lines with a real keystroke rhythmThe letters squeeze into the period at the end of the word, the dot grows into a black pill, and then everything opens back up.
the wordmark squeezes into its own period like an accordion, and the dot grows into a black pillA film built in code has no real camera. The "camera" is scaling and moving the whole scene together, and these are its rules.
We start very close on one detail: that is the push. Then the camera backs away, the pull back, and reveals the whole phone.
close on the composer (about 3x zoom, a slow push), then one pull-back grows the phone around itThe camera zooms in automatically wherever the cursor clicks, and the cursor scales with it. The name comes from Screen Studio, an app that does this in screen recordings.
the camera zooms screen-studio style so each moment fills the frame, and the cursor scales with itIn the first frame the camera moves once, smoothly. In the second it zooms in, out and in again, which tires the eye. zero bans the second.
the camera makes one move per scene on eased keyframes and never zooms in and out back to backComponent catalogs that help us discover what exists and what it is called, before we ask Claude.