Click Remix under a lightbox to raise a tabbed option sheet, then click a tab to swap its three cards
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A lightbox of a product photo sits over a dimmed board with a small action bar beneath it. The pointer moves to the Remix action and clicks (~f16). Immediately the whole view widens and a tab row plus three option cards appear along the bottom (~f20–f32) while the photo shifts up slightly. The pointer then walks along the tabs and clicks one at ~f80, and the three cards are replaced by a different set with one card highlighted under the pointer (~f80–f160).
Action click that raises a tabbed option sheet, followed by a tab click that hard-swaps the sheet's card set.
Phase notes
- Frame 0 — Lightbox with action bar
- Frame 16 — Remix clicked
- Frame 22 — Tab row and three cards appear
- Frame 80 — Tab clicked: cards swap
- Frame 140 — Hold with hovered card
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.