Grid-to-slider morph
One Flip transition, both directions, with the clicked tile as the anchor.
Gallery & Slider Templates · v1.0.0
Pivot
A grid that flips into a fullscreen slider, and back.
Rated 4.8 out of 5 based on 63 reviews.950 sold3 variationsUpdated September 20, 2026
01 / 04Click to enlarge
GSAP FlipSliderGridThree variants
Overview
Pivot solves the oldest gallery problem - grid or slider - by making the transition between them the feature. Click a tile and the grid flips into a fullscreen slider centred on that image; close it and everything flies back.
Three layout variants ship with it, differing in grid geometry and how the tiles travel. GSAP Flip does the heavy lifting, so tiles genuinely move rather than cross-fading.
Best for: Portfolios that need both an overview and a focused view without a page change.
What makes it different
Three layout variants
Different grid geometries and travel paths, each a standalone page.
Keyboard and arrow navigation
Once in slider mode, arrows and keys move between images.
No build step
Static files with GSAP and Flip vendored locally.
In the box
- 3 variant pages
- GSAP 3.15 + Flip + imagesLoaded, vendored
- Self-hosted Archivo and Archivo Expanded
- 14 sample images
Built with
- GSAP 3.15
- Flip
- imagesLoaded
Questions about Pivot
Can I deep-link to a slide?
Not out of the box, but the slider takes an index - wiring it to a hash is a few lines.
Is Flip free?
Yes, since GSAP 3.13. This ships with 3.15.
Still unsure? Email us - or read how to choose a template.
Related
You might also consider
35% offVitrine
$34$22
A 3D grid that tilts to your cursor and opens into full-screen previews.
GalleriesRated 4.9 out of 5 from 76 reviews.
55% offWake
$31$14
Neighbouring tiles part to make way as an item expands.
GalleriesRated 4.6 out of 5 from 36 reviews.
45% offFacet
$33$18
A slideshow whose images transition through animated shape masks.
GalleriesRated 4.7 out of 5 from 44 reviews.