Staggered 3D entrance
Per-column delay with perspective rotation, so the grid assembles rather than appears.
Scroll Effect Templates · v1.0.0
Cascade
Grid items rise and rotate into place, staggered column by column.
Rated 4.7 out of 5 based on 92 reviews.1.4k sold1 variationUpdated September 20, 2026
01 / 04Click to enlarge
3DStaggerScrollGrid
Overview
Cascade brings a large image grid in with a staggered three-dimensional entrance - items rise from below, rotate out of perspective and settle, column by column, as their trigger point passes.
It also ships with a lo-res pixel accent face used for captions and labels, which gives the page a technical counterpoint to the photography.
Best for: Portfolio index pages that should feel alive the moment they load.
What makes it different
SplitText credits
End-of-page text animates per character using SplitText, free under GSAP 3.15.
Pixel accent typography
Self-hosted Silkscreen for labels, against Archivo for everything else.
Twenty sample images
Plus a background plate, all local.
In the box
- 1 staggered 3D grid page
- GSAP 3.15 + ScrollTrigger + SplitText + Lenis, vendored
- Self-hosted Archivo and Silkscreen
- 21 sample images
Built with
- GSAP 3.15
- ScrollTrigger
- SplitText
- Lenis
Questions about Cascade
Does SplitText need a Club licence?
No. SplitText became free with GSAP 3.13; this ships with 3.15, so there is nothing to buy.
Can I slow the stagger down?
It is one value at the top of the script. Raise it and the cascade becomes more deliberate.
Still unsure? Email us - or read how to choose a template.
Related
You might also consider
45% offFormation
$38$21
Image grids that assemble into twenty different arrangements.
ScrollRated 4.8 out of 5 from 47 reviews.
40% offWeft
$40$24
Ten variations on columns and rows gliding into place.
ScrollRated 4.7 out of 5 from 71 reviews.
61% offMonolith
$38$15
One element carries an entire scrolling story.
ScrollRated 4.9 out of 5 from 58 reviews.