Distance-weighted displacement
Neighbours move in proportion to proximity, so the parting looks like a physical wake.
Gallery & Slider Templates · v1.0.0
Wake
Neighbouring tiles part to make way as an item expands.
Rated 4.6 out of 5 based on 36 reviews.590 sold1 variationUpdated September 20, 2026
01 / 04Click to enlarge
GridExpandClickPhysics-like
Overview
Wake is a tight image grid where selecting a tile pushes its neighbours aside - they slide outward in proportion to their distance, clearing space for the expanded view, then flow back when you close it.
The displacement falls off with distance, which is what makes it read as physical rather than as a set of scripted moves.
Best for: Dense image grids where you want to open something without leaving the page.
What makes it different
Expand in place
No route change, no modal - the grid reorganises around the selection.
Forty-three tile grid
Dense enough that the parting motion has somewhere to travel.
Prebuilt dist
Deploy immediately; source build optional.
In the box
- 1 expanding grid page
- GSAP 3.15 + imagesLoaded
- Self-hosted Manrope
- 43 sample images, prebuilt dist included
Built with
- GSAP 3.15
- imagesLoaded
- Parcel
Questions about Wake
How many tiles can it handle?
It is comfortable to around eighty. Past that the displacement calculation per open starts to show on low-end devices.
Does it work on mobile?
Yes - the grid narrows and the parting still runs, though with fewer neighbours the effect is subtler.
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.
50% offPivot
$34$17
A grid that flips into a fullscreen slider, and back.
GalleriesRated 4.8 out of 5 from 63 reviews.
45% offFacet
$33$18
A slideshow whose images transition through animated shape masks.
GalleriesRated 4.7 out of 5 from 44 reviews.