Carousels and Lightboxes
-
Scale-fade carousel
The current item at full size and opacity, its neighbours falling away. Page dots below.
-
Filmstrip scrubber
The same effect, navigated by a second carousel whose thumbnails keep each item's aspect ratio.
-
iOS scrubber
Fixed-size thumbnails at a constant gap, where only the one nearest the centre expands.
-
Compare following
The filmstrip or iOS scrubber twice, side by side: the following carousel drawn by writing its scroll position, and on the leader's scroll timeline.
archive/proto-v1
The frozen prototype these were reduced from - all four effect variants side by side, with live controls. Kept as the reference implementation and the A/B baseline.
-
ramka
React lightbox with the +N overlay grid and view-transition morph.
-
ramka scrubber
Same lightbox, full grid only - a workbench for swapping in one of our scrubber carousels.