Hover a toolbar action for its tooltip, click it, and morph the action row into a composer
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A portrait video sits centred on black above a small 'Prompt' line, a progress bar and a six-item icon toolbar (f0–11). The pointer moves onto 'Remix' and at ~f12 a dark tooltip appears above it with a keyboard hint. The pointer clicks at ~f40; the toolbar fades and over ~f40–56 a wide dark composer grows in its place with placeholder text, three option chips, a help mark and a white 'Remix' button at right. The composer then holds while the pointer drifts down.
A toolbar-to-composer morph: tooltip on hover, click, then the action row dissolves as a composer plate expands upward into the same footprint.
Phase notes
- Frame 0 — Player with toolbar
- Frame 12 — Tooltip appears over the action
- Frame 40 — Click; toolbar fades
- Frame 56 — Composer fully grown
- Frame 119 — Hold
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.