←All insights
EngineeringJune 28, 2026· 6 min read
Award-winning motion without the jank
How we layer Lenis, Motion, and a pinch of WebGL to get cinematic scroll that still holds 60fps on a mid-range phone.
Great motion is directed, not decorative. Every animation on a page should earn its place by guiding attention or reinforcing hierarchy. Anything else is noise that costs frames.
Our baseline is a layered stack: Lenis for smooth scroll, Motion for reveals and micro-interactions, and a single subtle WebGL surface for atmosphere. The trick is knowing when to stop.
The hard-won lesson: scroll reveals must be driven by IntersectionObserver, not scroll listeners. It fires deterministically, it's cheap, and it survives smooth-scroll libraries that swallow native scroll events.