Click a browser tab, flash a blank pane for four frames, then land the spreadsheet
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A browser window with a chat column on the left and a document pane ('Messaging' heading, paragraph text, an asset table) on the right; the pointer sits in the tab strip. At about local frame 10 (master 1874) the pointer clicks the second tab. Frames 11 to 14 show the pane empty white with the new tab active, then at ~15 (master 1879) the spreadsheet appears complete: a blue-highlighted title row 'Launch video performance', a subtitle and a dense table. The pointer drifts down the sheet for the rest of the window.
Tab switch with a visible load gap: the active-tab state flips on the click frame, the content pane goes blank for a few frames, and the new document cuts in fully formed rather than building.
Phase notes
- Frame 0 — Document tab active
- Frame 10 — Click second tab
- Frame 11 — Tab state flips, pane blank
- Frame 15 — Spreadsheet cuts in
- Frame 30 — Pointer drifts down the sheet
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.