Lenis

Smooth scroll that does not break the page

Visit site

Transitions & ScrollOpen sourceJavaScriptReact

Live site

Open

lenis.darkroom.engineering

Preview Lenis inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

The smooth-scroll library behind a large share of award-winning sites. Keeps native scrollbar behaviour, accessibility and anchor links intact, which is where most smooth-scroll hacks fail.

Get started

terminal

npm i lenis

Related in Transitions

View all

View Transitions API

developer.mozilla.org

Native cross-document page transitions

TransitionsFreeWeb Platform

next-view-transitions

github.com

View Transitions for the Next.js App Router

TransitionsOpen sourceNext.jsReact

animations.dev

A course on why animations feel right

TransitionsPaidReactCSS

by Emil Kowalski@emilkowalski_