Scroll velocity skew
Elements skew in the direction of scroll movement, then snap back — making the page feel elastic.
What you're seeing
As you scroll fast, elements tilt slightly. The faster you scroll, the more pronounced the lean.
Where you'll see it
Full-page layouts, portfolio sites, agency sites.
Difficulty
Medium — 3/5
Libraries that build it
LenisGSAPcustom JS
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Apply skewY based on scroll velocity using Lenis scroll event, map velocity to skew value, lerp back to 0"