iPhone Frame Display

A pair of components that composite a video or screenshot into an iPhone frame, with zoom/focus cropping and a shared PhotoSwipe lightbox.

In action

Default, full phone:

Zoomed in, focused on the bottom half:

Side by side β€” one source, two crops:

Clicking any of the three opens the full, uncropped phone in the shared lightbox, alongside every other lightbox-enabled item on the page.