Snake Smooth Scroll
Momentum scrolling layered with velocity-driven skew, so the page leans as it moves and springs back flat when you stop. Stack-aware intake, calibrated presets, clean teardown.
- Lenis
- WebGL
- Claude Code
- Open Source
the lag and catch-up is what gives a page weight. the velocity-driven lean is what makes it slither.
the part that took the longest was not the code, it was the numbers. lower lerp means more lag means more perceived weight, but below about 0.06 the page stops feeling premium and starts feeling broken. input latency does not read as luxury. so it ships three calibrated presets with the reasoning behind every value, not invented constants.
the skew ceiling is a hard clamp so a trackpad fling cannot shear your layout into something unreadable. the ceiling is what keeps it tasteful. you tune character by switching presets, never by removing the clamp.
it reads your repo before writing anything: framework, router, existing raf or scrolltrigger machinery, and every fixed or sticky element that has to stay outside the skewed wrapper. then it asks only the four things it genuinely cannot infer.
two gates are never optional: reduced motion and coarse pointer. that is the line between a delightful effect and a nauseating one.
built on lenis by darkroom.engineering. the hard part is theirs.