Lenis

Lenis is a small library that makes page scrolling feel smooth and consistent. It replaces the native scroll feel with a controlled motion that you can tune.

Lenis listens to wheel, trackpad and touch input and eases the page position toward its target. This gives every device the same feel. It also keeps scroll-linked animations in step with the page, which helps when you combine scrolling with WebGL or DOM motion.

• Smooth scrolling for wheel, trackpad and touch input
• Adjustable speed and easing settings
• Horizontal scrolling and scroll snapping support
• Works with JavaScript, React and Vue projects
• Optional Framer plugin for no-code sites

Designers and developers building portfolios, product sites or immersive pages. It fits teams that want a polished scroll feel without rebuilding their layout.

Lenis is free and open source under the MIT license. You can install it from npm or add the Framer plugin. Smooth scrolling can feel wrong to some users, so test it with keyboard and screen reader navigation and consider a way to turn it off.