Lenis est une bibliothèque JavaScript légère et performante qui transforme le défilement standard d’une page web en une expérience fluide et naturelle. Son nom vient du latin et signifie « lisse » ou « doux » .
C’est la solution standard pour rendre le défilement d’un site web moderne, agréable et maîtrisé, au point d’être un outil récurrent dans les projets récompensés par les prix du design web .
Ce qu’elle fait
Elle crée un effet de scrolling comparable à celui des sites les plus aboutis, comme ceux d’Apple, primés sur Awwwards .
Elle est idéale pour synchroniser des animations complexes comme des effets de parallaxe ou des interactions WebGL .
Caractéristiques techniques
Légère et performante : environ 2 Ko une fois compressée .
Accessible : compatible avec la recherche par CMD+F, la navigation au clavier et garde la position de défilement après un rafraîchissement de page .
Paramétrable : on peut régler la durée de l’animation, la fonction d’accélération, la direction du défilement, etc. .
Facile à intégrer : une simple ligne de commande npm i lenis et une configuration minimale suffisent pour l’utiliser.
github.com/darkroomengineering/lenis