2026
GSAP component

Cylinder Stack

A pinned scroll section where cards turn on a real 3D cylinder and snap into place.

Source on GitHub
Live demo
GSAP
ScrollTrigger, CustomEase
Version
1.0.0
Year
2026
License
MIT

ScrollTrigger pins the section and snaps to each card. The active card lights up while the rest fall into shadow, using brightness instead of transparency so the stack keeps its weight. The label swaps with a masked transition and the dots jump to any card.

Card size and perspective are CSS variables. With reduced motion the cards crossfade in place.