Lenis

About Lenis

Lenis is an open-source JavaScript library that replaces native browser scrolling with a smooth, controllable scroll experience, implemented with a single line of code (`new Lenis()`). It normalizes input across wheel, trackpad, and touch devices so scrolling behaves consistently, and it synchronizes scroll-linked animations (including WebGL and DOM effects) to prevent the frame delays that occur when browsers run such effects asynchronously with native scroll.

The library supports scroll snapping, attaching scroll behavior to specific elements, horizontal and vertical scrolling, and infinite scrolling, and is under 4kb in size. A no-code option is available through a Framer plugin for users who do not want to implement the JavaScript integration directly.

Lenis is developed and maintained by darkroom.engineering and is used as the smooth-scroll layer behind other libraries, including Locomotive Scroll. It is intended for developers and designers building web interfaces with custom scroll behavior or scroll-synced animation.

Key features

• Smooth scrolling that unifies wheel, trackpad, and touch input
• Syncs WebGL and DOM animations frame-for-frame with scroll
• Single-line setup with new Lenis()
• No-code integration via a Framer plugin
• Scroll snapping via lenis/snap and horizontal/vertical/infinite scrolling
• Lightweight, under 4kb

Frequently asked questions