Tap a home-screen icon and zoom the app open from the icon while the phone scales up
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A phone mock-up sits centred on a dark starfield showing a gradient home screen with two icons top-left and a four-icon dock. The pointer clicks the second icon at local ~8. From ~8 to ~23 a rounded app card grows out of the icon to fill the screen (iOS-style zoom) while the wallpaper dims and the whole phone scales up about 12 percent. The dashboard (dark header, greeting, lime-accented hero card, stats, decision queue) is fully legible by ~26 and holds to the end.
Device app-launch zoom: a click grows an app surface from its icon to full screen while the phone itself is pushed slightly larger, then the new screen holds.
Phase notes
- Frame 0 — Home screen holds
- Frame 8 — Pointer clicks the icon
- Frame 9 — App card zooms from icon to full screen; phone scales up
- Frame 26 — Dashboard legible, 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.
- Fractional line spacing corrected to pixel values in this revision; both variants rerendered.