Skip to content
don’t make it ugly
All resources

PackageMotion

Lenis

Smooth scrolling that doesn't fight the browser.

Open sourceFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of Lenis

What it is

Lenis is a lightweight smooth-scroll library from darkroom.engineering. It gives you the buttery scroll feel of high-end agency sites while keeping native scroll behaviour and accessibility intact, and it plays well with GSAP ScrollTrigger.

Why it’s here

Smooth scroll is easy to overdo. Lenis is the one implementation that feels good rather than sluggish. Keep the lerp subtle.

Best for

  • portfolio sites
  • marketing pages with scroll effects
  • pairing with GSAP

Can my agent use this?

Agent excellent agent friendliness

Yes. The README covers setup for vanilla and React. Ask your agent to add it with conservative settings and to respect prefers-reduced-motion.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Install

npm install lenis

Related resources

  • GSAP

    GSAP

    The professional-grade animation toolkit, now free including all plugins.

    excellent agent friendlinessPackageFreeStaff pick
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    excellent agent friendlinessPackageFreeOpen sourceStaff pick
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

    Showy, copy-paste React components for landing pages that need a moment.

    good agent friendlinessComponent library
  • Anime.js
    Preview of Anime.js

    Anime.js

    A lightweight, framework-free animation library with a beautiful API.

    excellent agent friendlinessPackageFreeOpen source