Lenis

Smooth-scroll library

FreeAnimation & motionlenis.dev

What it is

From Darkroom Engineering. Intercepts wheel and touch input and lerps scroll position for the weighted, inertial feel of award sites — something CSS scroll-behavior cannot do. 5.3 kB gz core, 1.6 kB for the React binding.

Why it earns a slot

My one 'do not use this' on your project. Hijacked scroll fights readers on long text, breaks trackpad muscle memory and scroll-anchoring, and is a real accessibility problem. Long-form reading is your entire product. If you ship it anyway, gate it behind prefers-reduced-motion.

Know before you commit

Adds a frame of latency and can interfere with browser lazy-loading heuristics. Wiring it to GSAP requires driving Lenis from GSAP's ticker or pinned sections jitter.

Getting started

npm install lenis

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Lenis (https://lenis.dev/) for this project, then use it only if it fits what we are already building.
Context: Smooth-scroll library. From Darkroom Engineering. Intercepts wheel and touch input and lerps scroll position for the weighted, inertial feel of award sites — something CSS scroll-behavior cannot do. 5.3 kB gz core, 1.6 kB for the React binding.
Reviewer notes (general, not written for this codebase): My one 'do not use this' on your project. Hijacked scroll fights readers on long text, breaks trackpad muscle memory and scroll-anchoring, and is a real accessibility problem. Long-form reading is your entire product. If you ship it anyway, gate it behind prefers-reduced-motion.
Watch out for: Adds a frame of latency and can interfere with browser lazy-loading heuristics. Wiring it to GSAP requires driving Lenis from GSAP's ticker or pinned sections jitter.
Pricing: Free · MIT
Setup: npm install lenis
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/lenis