Masonry Flip Reveal
Twelve procedural prints are packed into a JS masonry wall and surface in scroll-batched groups (y 40 → 0, opacity, 0.06s stagger); a Still life / Portrait / Architecture filter bar re-flows the wall with GSAP Flip.
- Gallery
- gsap
- scrolltrigger
- flip
- canvas2d
- intermediate
- light perf
- mobile: full
- reduced-motion ✓
light Bento Grid with Flip Filtering
A bento-style grid of nine mixed-span tiles is filtered by a pill bar; GSAP Flip records the layout, toggles visibility, then glides every surviving tile into its new slot while leaving tiles shrink away.
- gsap
- flip
light Lightbox Shared Zoom
Clicking a thumbnail reparents its image into a centred stage and GSAP Flip morphs it there in 0.9s expo.inOut (scale + border-radius) while the backdrop fades and the caption rises; arrows crossfade through the series, Escape morphs it home.
- gsap
- flip
- canvas2d
light Filmstrip Scrub
A pinned 35mm strip of fourteen procedural frames — sprocket holes, edge print, one dawn-to-dusk scene — is pulled through a projector gate by the page scroll while a sticky frame counter and a “now showing” caption update as each frame lands.
- gsap
- scrolltrigger
- canvas2d
light Grid-to-List Morph on Scroll
A pinned gallery of eight tiles morphs from a four-column grid into an index list as you scroll: Flip records the grid, the layout class flips to list, and Flip.from() is scrubbed inside a paused timeline while titles and hairline rules stagger in.
- gsap
- scrolltrigger
- flip