darkroomengineering/lenis

Что это?

Ключевые возможности

• 01Не требует зависимостей во время выполнения и занимает мало места в сборке
• 02Плавная вертикальная, горизонтальная и вложенная прокрутка из одного экземпляра
• 03Сохраняет нативное поведение скролла, включая position: sticky и якорные ссылки
• 04Синхронизируется с WebGL-сценами, GSAP ScrollTrigger и параллакс-эффектами
• 05Официальные пакеты для React, Vue и Framer, а также snap-плагин

Сценарии использования

• Добавление плавной прокрутки на сайты компаний и портфолио
• Синхронизация сцены Three.js или WebGL с прокруткой страницы
• Создание анимаций, управляемых прокруткой, с помощью GSAP ScrollTrigger
• Создание плавно прокручиваемых областей внутри модальных окон или вложенных панелей

Быстрый старт

1. 1

   Установите Lenis с помощью npm

   npm i lenis
2. 2

   Импортируйте Lenis в код

   import Lenis from 'lenis'
3. 3

   Создайте экземпляр с включённым autoRaf

Что важно знать

• !Вам нужно самостоятельно встроить Lenis в обработку прокрутки и цикл анимации, если вы не используете autoRaf или настройку без кода.

Темы

Частые вопросы

Что такое lenis?

Лёгкая библиотека для плавной прокрутки в браузере без зависимостей: анимирует нативный скролл с помощью easing. Lenis — библиотека для плавной прокрутки веб-страниц. Она перехватывает события колеса мыши и сенсорного ввода, а затем анимирует прокрутку к заданной позиции, делая её более плавной. Библиотека оборачивает собственный скролл браузера, а не заменяет его, поэтому продолжают работать position: sticky, якорные ссылки и специальные возможности.

lenis можно использовать бесплатно? Какая у него лицензия?

lenis распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

lenis всё ещё поддерживается?

Активно поддерживается. Последний коммит в lenis — 29 окт. 2026 г..

Для чего можно использовать lenis?

Добавление плавной прокрутки на сайты компаний и портфолио Синхронизация сцены Three.js или WebGL с прокруткой страницы Создание анимаций, управляемых прокруткой, с помощью GSAP ScrollTrigger Создание плавно прокручиваемых областей внутри модальных окон или вложенных панелей

Как установить lenis?

Установите Lenis с помощью npm: npm i lenis Импортируйте Lenis в код: import Lenis from 'lenis' Создайте экземпляр с включённым autoRaf

Где скачать lenis?

Исходный код и инструкции по установке — на GitHub: https://github.com/darkroomengineering/lenis