Study · 22 launch films from X · measured frame by frame
We studied 22 launch films from X, frame by frame: 832 seconds, 137 measured moves, and every cut checked by eye. This page shows what the strong ones share, the numbers behind each rule, and our own coded versions of the best techniques.
What the best ones do
Each rule comes from patterns that repeat across the set, and each evidence line points to the films and the measurements.
Flow films move one continuous camera and morph shared objects, with almost no cuts. Snap films hold still frames and change them on the beat grid. The films that mix the two without a plan read as busy.
Flow: Print 0 cuts in 51.5 s · azatsol 0 · Pump.fun 1 · Pomelli 4 cuts, 27 scene changes. Snap: Brim3n 32 cuts in 23.6 s, 63 % still frames · Whop 49 cuts in 19.1 s.
No strong film shows a flat screen recording for long. The camera pushes onto the click target, or lifts one control onto an empty stage. Dense UI is texture, never content.
Creator Studio: 11 pushes of 1.85-3.74x in about 1 s · AI Studio: x5.8 in 2.2 s with two hidden punch-in cuts · 16 of 22 films flagged for text too small to read on a phone.
Arrivals ease out hard: most of the travel in the first quarter, then a long, soft landing. Camera moves ease in and out, as a gentle S-curve or a snap. Springy overshoot is not the house style.
Text arrivals median 0.73 s, UI 0.70 s (outExpo, outQuint, outCirc) · camera 0.96 s (inOutCubic, inOutQuad) · overshoot above 2 % in 6 of 137 moves.
The cleanest transitions hide the cut at peak speed. The outgoing shot speeds up with an ease-in; the incoming shot starts larger or wider and settles slowly.
16 measured moves into a cut, median 0.66 s, mostly inCubic · Figma: inCubic 0.64 s in, outQuart 2.1 s out · TROOVY: x1.27 in, x1.225 -> 1 outQuint 1.27 s.
About three quarters of all frames move, and text keeps drifting after it lands. But the key states hold still long enough to read: captions, proof, and the end card.
Jumper: text drifts 0.1 W/s · Print: 1.6-2.0 s still reading time per caption · azatsol: 80 % of frames move and its claim is readable for only 0.94 s (flagged).
The strongest moments turn the product benefit into a single visible change: before, one trigger, after.
Umbra: one click, then every name and salary masks, one character at a time · Jumper: a scan line turns a coin into a dot hologram in 0.55 s · AI Studio: one button carries every state · Aside: a password field hides the phrase itself.
One shape, device, or material returns in the hook, the transitions, and the end card, so many shots read as one world.
Jupiter: one glowing lens links 8 scenes, then becomes the URL pill · Grainient: the caret returns about 14 times, then becomes a slider · Pomelli: 9 shared-object morphs.
In an otherwise near-monochrome frame, one accent lives only on the newest glyph, word, or item, then fades to ink.
Aside: cyan to ink in 0.10-0.25 s · azatsol: coral for 4 frames · Figma: the newest word in agent blue · Lovable: a gradient on the newest 12-16 characters.
One demo unit with a fixed clock repeats until the viewer knows it; from the third repeat, only the framing changes, or the loop gets faster.
Lovable: result cut at +3.13 s in every cycle · Figma: loops shrink from 14 s to 3.5 s · Husher: three titles of exactly 26 frames.
Most films cut on the picture, not on the beat. But the drop, the key click, the reward, and the logo land on the audio, and the music falls away under the end card.
372 detected cuts: lift about 1.1 over chance · Jupiter, Pump.fun: first product beat on a +20 dB drop · Print: 14 of 17 camera moves end on an onset · Jumper Pass: all 4 cuts on low-end hits.
The hook is a problem, a provocation, or an abstract macro, never a static logo. The logo then grows out of the product: its UI, its shapes, its outputs.
Aside: 16.8 % problem before the title · Hunch: a provocative query typed in its own search field · Figma: a 76x macro pull-out · Hunch: UI panels fold into the logo.
The shared end card: the mark lands, slides aside, and the wordmark comes out from behind it; the URL settles; everything holds in quiet.
Four films use the mark-slides end card · the music drops before it (Jumper Pass: -7 dB to -44 dB) · 12 of 22 films show no URL at the end.
Pattern library
Each demo is our own rebuild of a technique from the set, with the measured timing, coded as a pure function of time in kit/patterns.mjs. The same code renders these cards and our film engine. Scrub the keyframe timeline to study a move frame by frame; the amber diamonds are the keyframes.
One control carries the feature: a publish button, a URL field, a toggle.
Seen in: Google AI Studio 0:14.20, Pomelli 0:45.67
AI and builder products: a request, then the built result, repeated 3-7 times.
Seen in: Lovable 0:02.80, Figma canvas agent 0:04.00
Split a tour into chapters; each title points at the control that comes next.
Seen in: Husher × Axiom 0:07.96
Open on an abstract detail; link a detail and its context without a visible seam.
Seen in: Figma canvas agent 0:00.08, Figma canvas agent 0:27.29
Show breadth in one line: many assets, integrations, or cases.
Seen in: Pump.fun 0:08.43
Two-to-five-word claims between demo beats.
Seen in: TROOVY 0:00.40, Jupiter 0:01.41
Open a reveal: a word larger than the frame lands at reading size.
Seen in: TROOVY 0:03.23, Polymarket 0:00.00
Lists: chains, currencies, use cases. The fixed prefix does the talking.
Seen in: TROOVY 0:13.13, Aside 1:03.46
A headline or an AI answer that the product seems to write live.
The climax of a demo: the one click that matters, very close, then the reward.
Seen in: Polymarket 0:12.76, Creator Studio 0:43.43
The benefit is a change of state: private, hidden, verified.
Seen in: Umbra 0:09.07, Aside 1:17.64
Many features in one UI, shown as one continuous take.
Seen in: Print 0:02.83
"The system is working": analysing, generating, matching. Better than a spinner.
Seen in: Pomelli 0:15.20, Lovable 0:01.40
Prove "many": tokens, partners, templates, outputs.
Seen in: Jupiter 0:14.13, Hunch 0:43.87
A claim over changing footage, in a manifesto or a teaser.
Seen in: Whop 0:02.07, saviomartin 0:00.00
Words about security or processing: encrypted, private, decoded.
Seen in: Aside 1:14.01, fomo 0:08.46
One headline metric: the line draws and the number counts in the same time.
Offers, perks, templates, plans: a set of items that belong together.
Seen in: Jumper Pass 0:02.40
The end of a film with a strong shape motif: the motif itself becomes the URL.
Seen in: Jupiter 0:21.86
The last 3-4 seconds: the brand, the address, and quiet.
Seen in: Jumper Pass 0:13.63, Husher × Axiom 0:18.13
A clean last beat after a busy sequence.
Seen in: Hunch 0:51.40
Measured motion
Each dot is one move that an analyst tracked frame by frame and fitted with an easing curve (137 moves in 22 films). The tall tick in each row marks its median. Hover or focus a dot for the film, the move and the fitted curve.
Durations are fitted easing durations. Strong ease-outs spend their last 10-20 % of time on a travel that the eye barely sees, so the perceived arrival is about half the number shown.
| Move type | Film | Move | Duration | Best easing | Fitted curve |
|---|---|---|---|---|---|
| Accelerates into a cut or exit | Lovable | Kinetic word All: exit phase (bounding box, no template score) | 0.24 s | inCubic | |
| Accelerates into a cut or exit | Google AI Studio | push-in phase A: form pan accelerates into cut 1 | 0.41 s | inCubic | cubic-bezier(0.68, -0.03, 0.88, 0.38) |
| Accelerates into a cut or exit | Umbra | chain list scroll accelerates into the cut | 0.41 s | inCubic | cubic-bezier(0.38, 0.00, 0.83, 0.20) 0.42 s |
| Accelerates into a cut or exit | azatsol (omnipair) | Title words part as the light line appears (first word, leftward) | 0.42 s | inCubic | cubic-bezier(0.22, 0.04, 0.73, 0.14) 0.42 s |
| Accelerates into a cut or exit | Creator Studio | Modal reframe pull-back | 0.46 s | inCubic | cubic-bezier(0.75, 0.00, 0.62, 1.00) |
| Accelerates into a cut or exit | Lovable | App wall bursts past the camera | 0.53 s | inOutSine | cubic-bezier(0.61, -0.01, 0.68, 0.74) |
| Accelerates into a cut or exit | fomo | Field whip right into the cut | 0.59 s | inCubic | |
| Accelerates into a cut or exit | Figma canvas agent | Macro redline zoom-out accelerating into the cut | 0.64 s | inCubic | |
| Accelerates into a cut or exit | Lovable | Icon burst pull-back (camera) | 0.67 s | outQuint | cubic-bezier(0.38, 0.89, 0.23, 0.78) |
| Accelerates into a cut or exit | C17 screen drops out of frame (exit) | 0.76 s | inOutCubic | not usable (fit gives y2 = 1.60) | |
| Accelerates into a cut or exit | Grainient (Figma Motion) | 3D collection grid exits upward (whip) | 0.82 s | inQuart | |
| Accelerates into a cut or exit | Creator Studio | Exit slide of the last window | 0.82 s | inCubic | cubic-bezier(0.44, 0.02, 0.77, 0.40) |
| Accelerates into a cut or exit | Pomelli | Accelerating push-in into the status card (zoom-through, signature) | 0.84 s | inQuint | cubic-bezier(0.92, -0.01, 0.81, 0.02) 1.42 s |
| Accelerates into a cut or exit | TROOVY | Opening text push-in that accelerates into the cut | 0.99 s | inCubic | cubic-bezier(0.28, 0.03, 0.83, 0.25) 1.00 s |
| Accelerates into a cut or exit | Umbra | title tilt accelerates into the cloud wipe | 1.04 s | inCubic | cubic-bezier(0.65, 0.00, 0.90, 0.41) 1.30 s |
| Accelerates into a cut or exit | TROOVY | Second text push-in into the cut | 1.45 s | inOutQuad | cubic-bezier(0.36, 0.27, 0.83, 0.26) 0.95 s |
| Camera move (push, pull, pan) | Creator Studio | Fastest chat message push | 0.16 s | outQuint | cubic-bezier(0.17, 0.24, 0.04, 0.96) |
| Camera move (push, pull, pan) | Aside | Hook pan across the app icons, step 2 | 0.32 s | inOutCubic | cubic-bezier(0.66, 0.15, 0.00, 0.99) 0.42 s |
| Camera move (push, pull, pan) | Aside | Opening camera push-in on the search field | 0.35 s | inOutCubic | cubic-bezier(1.00, -0.25, 0.12, 1.08) 0.99 s |
| Camera move (push, pull, pan) | Aside | Hook pan across the app icons, step 1 | 0.40 s | inOutCubic | cubic-bezier(0.87, -0.04, 0.16, 1.00) 0.65 s |
| Camera move (push, pull, pan) | Polymarket | Push-in onto the order panel | 0.43 s | outQuad | cubic-bezier(0.47, 0.00, 0.29, 0.72) |
| Camera move (push, pull, pan) | Umbra | push-in on the QR deposit modal | 0.51 s | inOutCubic | cubic-bezier(0.75, 0.15, 0.01, 0.94) 0.66 s (rms |
| Camera move (push, pull, pan) | Creator Studio | First chat message push | 0.53 s | outExpo | cubic-bezier(0.13, 0.66, 0.15, 1.00) |
| Camera move (push, pull, pan) | Polymarket | Pan down to the Buy button | 0.63 s | outCubic | cubic-bezier(0.33, 0.72, 0.28, 1.01) |
| Camera move (push, pull, pan) | Figma canvas agent | Push-in from the canvas to one screen | 0.65 s | inOutCubic | cubic-bezier(0.67, 0.67, 0.00, 0.83) |
| Camera move (push, pull, pan) | Aside | Camera push-in onto the prompt field (UI isolates) | 0.68 s | inOutCubic | cubic-bezier(0.92, 0.00, 0.20, 1.00) 1.03 s |
| Camera move (push, pull, pan) | Google AI Studio | pull-out as 'Available' appears | 0.70 s | inOutQuad | cubic-bezier(0.55, 0.14, 0.23, 0.83) 0.84 s |
| Camera move (push, pull, pan) | Hunch | Tab-to-table pull-out | 0.74 s | inOutQuad | cubic-bezier(0.59, 0.29, 0.21, 1.00) over 0.95 s |
| Camera move (push, pull, pan) | Pomelli | Push-in to the Yes chip before the click | 0.79 s | inOutCubic | cubic-bezier(0.71, 0.27, 0.16, 1.07) 0.91 s |
| Camera move (push, pull, pan) | Hunch | Deposit modal push-and-rise | 0.79 s | outSine | cubic-bezier(0.19, 0.24, 0.73, 0.91) over 0.66 s |
| Camera move (push, pull, pan) | C2 push-in to import controls (signature S-curve) | 0.80 s | inOutQuad | cubic-bezier(0.85, 0.25, 0.39, 0.82) 0.84 s | |
| Camera move (push, pull, pan) | Polymarket | Pull-out after the buy | 0.84 s | outQuart | cubic-bezier(0.40, 1.04, 0.67, 0.92) |
| Camera move (push, pull, pan) | Figma canvas agent | Snap reframe to the left toolbar | 0.87 s | outQuart | cubic-bezier(0.40, 0.18, 0.00, 1.00) |
| Camera move (push, pull, pan) | Google AI Studio | push-in phase D: zoom settles after cut 2 | 0.91 s | outCirc | cubic-bezier(0.21, 0.90, 1.00, 0.82) 0.60 s |
| Camera move (push, pull, pan) | Google AI Studio | pull-out from the published card to the full window (chained two tracks) | 0.93 s | inOutQuad | cubic-bezier(0.80, 0.08, 0.08, 0.48) 1.13 s |
| Camera move (push, pull, pan) | Creator Studio | Push to New Livestream pill | 0.93 s | inOutQuad | cubic-bezier(0.63, 0.32, 0.30, 0.83) |
| Camera move (push, pull, pan) | Figma canvas agent | Opening macro pull-out, texture to Figma window (signature) | 0.95 s | outQuart | cubic-bezier(0.35, 0.82, 0.00, 0.91) |
| Camera move (push, pull, pan) | Creator Studio | Push into the player before the countdown | 0.97 s | inOutCubic | cubic-bezier(0.94, 0.20, 0.26, 0.85) |
| Camera move (push, pull, pan) | C14 short pull-back | 0.99 s | outCubic | cubic-bezier(0.47, 0.58, 0.21, 0.89) 0.94 s | |
| Camera move (push, pull, pan) | Lovable | Result 1 pull-back from chart card to full dashboard | 1.04 s | outExpo | cubic-bezier(0.77, -0.02, 0.00, 0.91) |
| Camera move (push, pull, pan) | Creator Studio | Push to Next button (camera, signature) | 1.07 s | inOutCubic | cubic-bezier(0.48, 0.04, 0.08, 1.18) |
| Camera move (push, pull, pan) | Grainient (Figma Motion) | Field-to-card shrink, tail (zoom tool) | 1.11 s | outQuart | cubic-bezier(0.31, 1.04, 1.00, 0.97) |
| Camera move (push, pull, pan) | Creator Studio | Push to Schedule pill | 1.11 s | inOutCubic | cubic-bezier(0.82, 0.31, 0.29, 1.00) |
| Camera move (push, pull, pan) | Google AI Studio | push-in phase B: isolated field drifts and decelerates after cut 1 | 1.12 s | outQuart | cubic-bezier(0.08, 0.33, 0.32, 0.80) 0.67 s |
| Camera move (push, pull, pan) | Lovable | Cycle 3 giant-type pull-back into the card (camera) | 1.16 s | inOutExpo | cubic-bezier(0.99, 0.00, 0.26, 0.79) |
| Camera move (push, pull, pan) | Google AI Studio | camera follows the typing caret | 1.20 s | inOutQuad | |
| Camera move (push, pull, pan) | TROOVY | One-word card zooms down after the cut (signature landing) | 1.27 s | outQuint | cubic-bezier(0.25, 0.80, 0.54, 0.86) 0.70 s |
| Camera move (push, pull, pan) | Hunch | Trader-card truck | 1.41 s | inOutQuad | cubic-bezier(0.63, -0.07, 0.32, 1.11) over 2.29 |
| Camera move (push, pull, pan) | C13 long pull-back to split-buy modal | 1.41 s | inOutQuad | cubic-bezier(0.72, 0.33, 0.38, 0.87) 1.45 s | |
| Camera move (push, pull, pan) | Lovable | Result 4 window rises with a slow push | 1.45 s | outQuart | cubic-bezier(0.21, 0.94, 0.85, 0.91) |
| Camera move (push, pull, pan) | azatsol (omnipair) | Pan-up to lower cards: scale component | 1.66 s | inOutQuad | cubic-bezier(0.75, -0.05, 0.41, 1.00) 2.40 s |
| Camera move (push, pull, pan) | Creator Studio | Sidebar push with pan | 1.67 s | outCubic | cubic-bezier(0.49, 0.22, 0.05, 0.98) |
| Camera move (push, pull, pan) | azatsol (omnipair) | Logo mark shrink (zoom-through) | 1.68 s | outExpo | |
| Camera move (push, pull, pan) | Creator Studio | Calendar scroll (pan across UI) | 1.73 s | outQuint | cubic-bezier(0.20, 0.17, 0.07, 0.80) |
| Camera move (push, pull, pan) | Figma canvas agent | Zoom-out continuing after the matched cut | 2.08 s | outQuart | cubic-bezier(0.00, 0.24, 0.32, 1.01) |
| Camera move (push, pull, pan) | Figma canvas agent | Final pull-out after the colour change | 2.11 s | outQuint | cubic-bezier(0.00, 0.16, 0.30, 0.99) |
| Camera move (push, pull, pan) | azatsol (omnipair) | Pan-up to lower cards: vertical travel | 2.81 s | outCubic | cubic-bezier(0.68, 0.00, 0.00, 0.24) 2.57 s |
| Camera move (push, pull, pan) | Brim3nEdits | URL end-card slow pull-back | 3.46 s | outCirc | cubic-bezier(0.00, 0.51, 0.58, 0.80) 2.37 s |
| Text arrives | Brim3nEdits | Founder photos blur out under the new line | 0.30 s | inOutCubic | cubic-bezier(0.57, 0.96, 0.00, 0.94) 0.36 s |
| Text arrives | Creator Studio | Title line 1 opacity (progress proxy on flat black) | 0.31 s | linear | cubic-bezier(0.46, 0.48, 1.00, 0.98) |
| Text arrives | Jupiter | Word 'liquid' rises into place | 0.33 s | outCirc | cubic-bezier(0.06, 0.33, 0.26, 1.00) |
| Text arrives | Polymarket | Headline re-centre step 1 (word 'Crypto', x) | 0.33 s | outQuint | cubic-bezier(0.40, 0.01, 0.01, 0.93) |
| Text arrives | Lovable | Kinetic word All: arrival phase (bounding box on the gradient, no template score) | 0.38 s | outCubic | |
| Text arrives | Title word fade-in (Introducing) | 0.38 s | linear | cubic-bezier(0.40, 0.39, 1.00, 0.88) 0.37 s | |
| Text arrives | fomo | Title line 1 and ETH diamond slide in from the left | 0.40 s | outQuad | |
| Text arrives | Grainient (Figma Motion) | Inline orb opens a gap in the sentence (word gap) | 0.42 s | inOutCubic | cubic-bezier(1.00, 0.00, 0.15, 0.81) |
| Text arrives | Polymarket | Headline re-centre step 2 | 0.44 s | outExpo | cubic-bezier(0.16, 1.15, 0.73, 0.90) |
| Text arrives | Aside | Signature: end-card flanking words spread to the edges | 0.49 s | inOutExpo | cubic-bezier(0.96, -0.01, 0.06, 1.00) 0.56 s |
| Text arrives | Jupiter | Word 'Now' rises into place | 0.53 s | outQuint | |
| Text arrives | saviomartin | caption fade-in on the interview clip | 0.58 s | inOutSine | cubic-bezier(0.69, 1.07, 0.55, 0.98) 0.64 s |
| Text arrives | Polymarket | Dollar glyph scale-down (height) | 0.59 s | outCirc | cubic-bezier(0.08, 0.91, 0.40, 0.92) |
| Text arrives | Aside | Text arrival: 'across' rises into place | 0.60 s | outCirc | cubic-bezier(0.13, 1.03, 1.00, 0.90) 0.51 s |
| Text arrives | Polymarket | Headline re-centre step 3 | 0.63 s | outExpo | cubic-bezier(0.09, 1.13, 0.53, 0.95) |
| Text arrives | Lovable | Opening logo grows (borderline score) | 0.66 s | outExpo | cubic-bezier(0.00, 0.96, 0.52, 0.92) |
| Text arrives | Husher × Axiom | Title 1 grow-in (scale) | 0.66 s | outCirc | cubic-bezier(0.05, 0.71, 0.56, 1.18) over 0.90 s |
| Text arrives | Umbra | new title decelerates after the cloud wipe | 0.66 s | outCubic | cubic-bezier(0.29, 0.64, 0.65, 0.91) 0.47 s |
| Text arrives | Jumper Pass | Logo letters slide right (letter R) | 0.67 s | outCirc | cubic-bezier(0.16, 1.17, 0.67, 1.00) |
| Text arrives | Jumper Pass | Benefit card scale settle 'Higher levels' (text width) | 0.73 s | outCirc | cubic-bezier(0.16, 1.00, 0.91, 0.96) |
| Text arrives | Brim3nEdits | Handwritten line write-on | 0.80 s | linear | |
| Text arrives | Husher × Axiom | Title 3 slam-in (scale) | 0.82 s | outExpo | cubic-bezier(0.20, 1.19, 1.00, 0.91) over 0.51 s |
| Text arrives | Aside | Title reveal: 'Aside' scale-up behind reeded glass | 0.86 s | outExpo | cubic-bezier(0.31, 0.70, 0.00, 0.89) 0.64 s |
| Text arrives | Caption fade-out (Send funds block) | 0.89 s | inOutSine | cubic-bezier(0.39, 0.10, 0.66, 1.00) 0.86 s | |
| Text arrives | Husher × Axiom | Title 2 slam-in (scale) | 0.92 s | outExpo | cubic-bezier(0.19, 1.20, 0.86, 0.85) over 0.59 s |
| Text arrives | azatsol (omnipair) | Logo mark slides left as wordmark writes on | 1.07 s | inOutQuad | cubic-bezier(0.53, 0.32, 0.00, 0.94) 1.07 s (rms |
| Text arrives | Grainient (Figma Motion) | Type-on of the first line (typed width) | 1.08 s | outQuint | cubic-bezier(0.30, 0.35, 0.13, 0.89) |
| Text arrives | Jumper Pass | Intro line re-centres left (word 'The', x) | 1.09 s | outQuint | cubic-bezier(0.24, 0.37, 0.15, 1.00) |
| Text arrives | Pomelli | Headline settle drift after the bloom | 1.11 s | outCubic | cubic-bezier(0.49, 1.02, 1.00, 0.81) 0.71 s |
| Text arrives | Jumper | Headline line drifts to centre while words fade in (left-edge probe; the tracker failed with min_score 0.33 because the | 1.14 s | outQuint | cubic-bezier(0.22, 0.50, 0.26, 0.87) 0.68 s |
| Text arrives | Lovable | App wall converges into a cluster (borderline score) | 1.16 s | inOutSine | cubic-bezier(0.44, 0.00, 0.68, 1.00) |
| Text arrives | Jumper | End card: URL word converges as the word spacing closes | 1.20 s | outQuint | cubic-bezier(0.16, 0.37, 0.26, 0.89) 0.71 s |
| Text arrives | TROOVY | End brand mark slides left for the wordmark | 1.21 s | outExpo | cubic-bezier(0.68, 0.00, 0.00, 0.85) 1.02 s |
| Text arrives | Jumper Pass | Benefit card scale settle 'Jumper perks' (text width) | 1.31 s | outQuint | cubic-bezier(0.24, 1.13, 0.99, 0.95) |
| Text arrives | Grainient (Figma Motion) | Type-on of the proof line (typed width) | 1.63 s | outExpo | cubic-bezier(0.15, 0.19, 0.04, 1.00) |
| Text arrives | Grainient (Figma Motion) | Logo mark slides left while the wordmark types (signature) | 1.79 s | outQuint | cubic-bezier(0.28, 0.08, 0.00, 1.01) |
| Text arrives | Creator Studio | End card line 1 rise (row centroid on flat black, no template score) | 1.82 s | outExpo | cubic-bezier(0.17, 0.63, 0.09, 1.00) |
| Text arrives | Creator Studio | Title line 1 rise (row centroid on flat black, no template score) | 1.84 s | outExpo | |
| Text arrives | TROOVY | Vertical word list rolls up | 2.75 s | outQuint | cubic-bezier(0.16, 0.52, 0.29, 0.90) 1.70 s |
| UI or object arrives | Google AI Studio | Publish button press-down | 0.14 s | outSine | |
| UI or object arrives | fomo | Token icon arrives in a set swap (fox icon) | 0.27 s | outSine | cubic-bezier(0.32, 0.45, 0.52, 1.00) |
| UI or object arrives | Husher × Axiom | Chain shot settle (SOL) | 0.32 s | outCirc | cubic-bezier(0.26, 1.09, 1.00, 0.93) over 0.29 s |
| UI or object arrives | Hunch | Asterisk logo shrink (signature) | 0.32 s | inOutSine | cubic-bezier(0.58, 0.09, 0.82, 1.00) over 0.30 s |
| UI or object arrives | Grainient (Figma Motion) | Wipe slider sweeps left | 0.35 s | outSine | cubic-bezier(0.56, 0.00, 0.04, 0.94) |
| UI or object arrives | Aside | Laptop with the app on screen snaps up into frame (edge probe, no template score) | 0.37 s | inOutCubic | cubic-bezier(0.65, 0.19, 0.04, 1.06) 0.48 s |
| UI or object arrives | Google AI Studio | Publish button release | 0.39 s | inOutCubic | cubic-bezier(1.00, 0.48, 0.00, 0.20) 0.27 s |
| UI or object arrives | fomo | Field wind-up (anticipation) before the whip | 0.40 s | inOutSine | cubic-bezier(0.48, 0.09, 0.64, 1.03) |
| UI or object arrives | Grainient (Figma Motion) | Wipe slider returns right | 0.44 s | inOutCubic | cubic-bezier(0.86, 0.00, 0.16, 1.03) |
| UI or object arrives | C1 screen rises from below (entry) | 0.44 s | outQuad | cubic-bezier(0.30, 0.36, 0.30, 1.01) 0.54 s | |
| UI or object arrives | Pump.fun | Hero token settles after the reel whip | 0.50 s | outCirc | cubic-bezier(0.09, 0.49, 0.30, 0.96) 0.51 s |
| UI or object arrives | Umbra | logo tile pops and scales up | 0.52 s | outCirc | cubic-bezier(0.09, 0.39, 0.15, 0.90) 0.54 s |
| UI or object arrives | Pump.fun | Swap pill shrinks into the card header | 0.53 s | outSine | cubic-bezier(0.54, 0.02, 0.23, 0.55) 0.59 s |
| UI or object arrives | Aside | Kinetic type: 'locally,' slides left before the scramble | 0.53 s | inOutQuint | cubic-bezier(0.79, 0.00, 0.00, 1.17) 0.75 s |
| UI or object arrives | Whop | Newspaper stack drop (stepped) | 0.57 s | outCirc | |
| UI or object arrives | Pomelli | Chat panel slides right while the dashboard frame draws in | 0.62 s | inOutQuad | cubic-bezier(0.70, 0.00, 0.34, 0.82) 0.77 s |
| UI or object arrives | Aside | UI arrival: 'Credit card' menu header snaps up as the list opens | 0.62 s | inOutExpo | cubic-bezier(1.00, 0.00, 0.02, 1.05) 0.84 s |
| UI or object arrives | Google AI Studio | field slides left for the domain suffix | 0.65 s | inOutQuad | cubic-bezier(0.50, 0.18, 0.17, 0.98) 0.80 s |
| UI or object arrives | Husher × Axiom | End-card mark slide | 0.65 s | outCirc | cubic-bezier(0.00, 0.18, 0.10, 0.99) over 0.70 s |
| UI or object arrives | Grainient (Figma Motion) | Field-to-card shrink, full curve (square card side) | 0.70 s | inOutQuad | cubic-bezier(0.79, -0.02, 0.03, 0.97) |
| UI or object arrives | Whop | Torn-paper counter (stepped linear) | 0.70 s | linear | |
| UI or object arrives | Brim3nEdits | Count-up 0 -> 10,000 | 0.80 s | linear | |
| UI or object arrives | Creator Studio | Chat panel arrival after a hard cut (panel rises and sharpens) | 0.83 s | outExpo | cubic-bezier(0.10, 1.07, 0.42, 0.94) |
| UI or object arrives | Pomelli | Cursor glide to the Create Website button | 0.90 s | outQuint | cubic-bezier(0.27, 1.04, 0.80, 1.00) 0.61 s |
| UI or object arrives | Lovable | Result 3 window rises after the hard cut | 0.93 s | outQuart | cubic-bezier(0.15, 0.73, 0.48, 1.10) |
| UI or object arrives | azatsol (omnipair) | History panel settles after the pill morph | 0.93 s | outBack | cubic-bezier(0.00, 0.60, 0.32, 1.38) 0.91 s |
| UI or object arrives | Pump.fun | Quick-amount row focuses in after the defocus cut | 0.96 s | outQuart | |
| UI or object arrives | Jumper Pass | Logo mark slides left (signature) | 0.99 s | outQuart | cubic-bezier(0.26, 1.16, 0.75, 1.00) |
| UI or object arrives | Grainient (Figma Motion) | End logo mark shrinks (diameter) | 1.00 s | outCirc | cubic-bezier(0.03, 0.53, 0.49, 1.14) |
| UI or object arrives | Lovable | Result 5 window rises after the hard cut | 1.01 s | outCirc | cubic-bezier(0.01, 0.29, 0.13, 1.17) |
| UI or object arrives | Jupiter | Curved carousel entry (watch card) | 1.01 s | outQuart | |
| UI or object arrives | Lovable | Prompt card opens, cycles 1 and 2 identical (dark-edge measure on the gradient, no template score) | 1.11 s | outCirc | cubic-bezier(0.04, 0.89, 0.86, 1.11) |
| UI or object arrives | Lovable | End logo grows | 1.18 s | outExpo | cubic-bezier(0.20, 0.68, 0.00, 0.92) |
| UI or object arrives | Jumper | 'Now' slide, shorter window (entry part) | 1.28 s | outCirc | cubic-bezier(0.09, 0.42, 0.12, 1.07) 1.77 s |
| UI or object arrives | Jumper Pass | Perk cards fan out of the folder (Checkpoint card, y) | 1.39 s | outExpo | cubic-bezier(0.17, 0.81, 0.00, 0.76) |
| UI or object arrives | Umbra | 3D coins rise and decelerate after the cut | 1.40 s | outCubic | cubic-bezier(0.17, 0.45, 0.51, 0.81) 0.93 s |
| UI or object arrives | Pump.fun | CTA phone rises from below (signature end move) | 1.65 s | outExpo | cubic-bezier(0.07, 0.36, 0.21, 1.00) 1.04 s |
| UI or object arrives | Jumper | 'Now' slides in from the right with blur, then keeps drifting | 1.65 s | outCirc | cubic-bezier(0.21, 1.05, 0.74, 0.79) 1.42 s |
| UI or object arrives | Pomelli | Floating brand pieces drift up after the tilt (fast settle, then constant drift about 0.086 W/s) | 1.70 s | linear | cubic-bezier(0.13, 0.50, 0.42, 0.16) 1.53 s |
| UI or object arrives | Jumper Pass | 3D card wall glides down and forward (y) | 3.05 s | outExpo | cubic-bezier(0.17, 0.19, 0.06, 0.97) |
| Preset | Curve | Duration | Use it for | Evidence |
|---|---|---|---|---|
| arrive | cubic-bezier(0.16, 1, 0.3, 1) | 0.6-1.1 s | Text and UI arrivals | text median 0.73 s, UI 0.70 s |
| move | cubic-bezier(0.65, 0, 0.35, 1) | 0.9-1.1 s | Push to a target, reframe | camera median 0.96 s; Creator Studio pushes 0.93-1.11 s |
| snap | cubic-bezier(0.88, 0, 0.12, 1) | 0.55-0.85 s | Kinetic slides and editorial pushes | Aside, Grainient, Jupiter, Creator Studio |
| sCurve | cubic-bezier(0.45, 0, 0.55, 1) | about 0.9 s | Camera in a one-take tour | Print: median 0.93 s |
| pull-back tail | outQuart / outQuint | 1.3-2.1 s | Long reveals of context | Figma 2.08-2.11 s |
| into the cut | inCubic | 0.5-0.8 s | Accelerate into a cut or off frame | 16 moves, median 0.66 s |
| pass | cubic-bezier(0.34, 0.67, 0.72, 0.28) | about 0.87 s | Pass over a detail, cut at peak speed | Jupiter macro pass |
| press | 0.90 outSine 0.14 s + hold 0.17 s + inOutCubic 0.39 s | 0.70 s | A click | Google AI Studio |
| stagger | - | 0.08-0.13 s per word | Word-by-word builds | TROOVY 0.133 s, Jupiter 0.10 s |
Film structures
Medians of the job shares in each length group. The bars below turn them into seconds for our three standard lengths.
The set
Cut rates come from a frame-difference cut detector checked by eye. Links open the original posts on X.
| # | Film | Length | Format | Cuts / min | Best reference for |
|---|---|---|---|---|---|
| 1 | Pomelli · a new chapterB prompt-to-result loop + A one-take UI tour | 60.2 s | 16:9 | 4.0 | Best reference for linking a long UI tour without cuts: shared-object morphs, push-ins to each decision, and bloom-in serif titles that emphasise by timing. |
| 2 | Lovable · Google connectorsB prompt-to-result loop + C brand-motif kinetic type | 46.2 s | 16:9 | 35.1 | Best reference for a prompt-to-result loop with a fixed internal clock (card open outCirc 1.11 s, chip at +1.10 s, result cut at +3.13 s) and theme-and-variation framing across five cycles. |
| 3 | Jupiter · OfferbookC brand-motif kinetic type | 25.7 s | 16:9 | 44.3 | The best reference for one glowing lens motif that carries every transition, and for cutting a dark fintech film on audio events. |
| 4 | Pump.fun · USDC tradingF 3D and object led + E kinetic-type led | 20.0 s | 16:9 | 3.0 | Best reference for an object thread at 60 fps (icon to toggle to 3D coins to headline) and for the word-swap slot line that lands on a hero token. |
| 5 | Aside · a new way to browseG problem-to-solution story + E kinetic-type led | 87.5 s | 16:9 | 5.5 | The best reference for an editor-style kinetic-type close (type, delete, swap, icon insert) held together by one snap curve, one type size and one accent colour. |
| 6 | Google AI Studio · pretty URLsA one-take UI tour + E kinetic-type led | 41.6 s | 16:9 | 5.8 | The best reference in the set for isolating and magnifying one UI element: a x5.8 push-in with two punch-in cuts at peak speed, then one centred object that carries every state of the payoff. |
| 7 | saviomartin · internet business launchD manifesto montage + E kinetic-type led | 25.1 s | 4:3 | 114.6 | The best reference for a type-led manifesto teaser: one fixed serif line over a 12.5 Hz strobe montage, then white/black statement cards cut on audio attacks. |
| 8 | azatsol (omnipair) · full videoA one-take UI tour + C brand-motif kinetic type | 28.5 s | 16:9 | 0.0 | Best reference for cut-free scene changes built from one brand material: line-to-pill-to-card morphs, light-sweep chart swaps and a logo zoom-through. |
| 9 | Grainient (Figma Motion) · VeduBoiE kinetic-type led + C brand-motif kinetic type | 77.3 s | 16:9 | 21.7 | Best reference for caret-driven kinetic type that stitches many product vignettes, and for shape-based match cuts (field to card, orb, ring to logo). |
| 10 | Figma canvas agent · canvas agentB prompt-to-result loop | 61.0 s | 16:9 | 19.7 | The best reference for a prompt-to-result product film where zoom-based camera moves and one accent colour (agent blue) carry the story without narration. |
| 11 | Whop · payment infrastructureD manifesto montage | 19.1 s | 16:9 | 153.9 | Best reference for on-twos collage editing: a 2-frame cut grid, stepped paper motion, and word-per-cut copy over archive footage. |
| 12 | Jumper · private swaps on BaseF 3D and object led + E kinetic-type led | 8.6 s | 16:9 | 0.0 | A compact reference for a one-object privacy metaphor (coin scanned into a dot hologram) followed by blur-slide giant type and a converging URL end card. |
| 13 | Creator Studio · live streamingA one-take UI tour | 52.4 s | 1:1 | 9.2 | Best reference for a one-take UI camera: measured push-ins (1.85-3.74x, inOutCubic about 1.0 s) that land on each click target, with a countdown-to-live payoff and an accelerating chat flood. |
| 14 | Polymarket · five-minute marketsA one-take UI tour + E kinetic-type led | 20.6 s | 16:9 | 20.3 | Best reference for a one-take UI trade demo where the camera follows the user's intent (push-in, pan, pull-out) and ends on a reward beat. |
| 15 | Husher × AxiomA one-take UI tour + E kinetic-type led | 22.7 s | 16:9 | 37.1 | Best reference for a repeatable chapter-title template (2x slam-in, 26 frames) and for title-to-UI match cuts inside a real-capture UI tour. |
| 16 | fomo · Ethereum mainnetF 3D and object led + C brand-motif kinetic type | 18.0 s | 1:1 | 13.3 | The best reference for mixing a live-action hand with flat-colour motion graphics, and for a wind-up-and-whip 'slide' transition that continues across the cut. |
| 17 | Umbra · private payrollG problem-to-solution story + F 3D and object led | 50.6 s | 16:9 | 16.6 | The best reference for turning a privacy benefit into one motion: salary names and amounts masking into asterisks one character at a time, set up by an accelerating notification flood. |
| 18 | Hunch · trading terminalA one-take UI tour | 57.0 s | 16:9 | 21.1 | Best reference for a logo sting built out of the product UI and for long one-take UI camera paths (pull-outs, trucks, dips to black) with motion blur. |
| 19 | Brim3nEdits · pacing studyD manifesto montage + E kinetic-type led | 23.6 s | 16:9 | 81.5 | Best reference for pacing: still frames and single-frame changes locked to a sixteenth-note grid, with a 3-sixteenth default pulse and scale jumps instead of animation. |
| 20 | Print · multi-wallet managerA one-take UI tour | 51.4 s | 16:9 | 0.0 | Best reference for a one-take 3D-screen tour: symmetric S-curve camera moves (~0.9 s) that land on music onsets, each followed by a fixed-window caption in the space the tilt creates. |
| 21 | TROOVY · Hanta VirusE kinetic-type led | 19.1 s | 16:9 | 28.3 | Best reference for a compact SaaS kinetic-type kit: scale-matched hard cuts on low-end hits and a different entrance for every card. |
| 22 | Jumper Pass · new perksE kinetic-type led + F 3D and object led | 16.2 s | 16:9 | 14.8 | Best reference for cutting on low-end hits and for velocity-matched text swaps that end in a logo that comes out from behind its mark. |
Before we animate