Scroll · lenis

Lenis

Мягкий «масляный» скролл — фундамент под GSAP и WebGL

Tier 2Легко с AIОк на мобилеfree (MIT)Vanilla JS, React, Vue

Design DNA

«Скролл ощущается дорогим и непрерывным, без дёрганья браузера.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Подключи Lenis в текущем проекте как smooth scroll.
Свяжи с GSAP ScrollTrigger, если он уже есть или планируется.
Сохрани accessibility (якоря, sticky где возможно).
Не ломай нативный скролл без причины. Mobile: проверь плавность.

Что умеет

·Smooth scroll
·Синхронизация с GSAP ScrollTrigger
·Параллакс и WebGL-сцены

Чего не умеет

·Не анимирует элементы сам по себе
·Не заменяет ScrollTrigger

Когда брать

·Делаешь сайт-фильм
·Нужен премиальный скролл под GSAP

Когда не брать

·Обычный контентный сайт без motion

С чем сочетается

GSAPScrollTriggerScrollSmootherThree.jsR3F

Альтернативы

Нативный скроллLocomotive Scroll (legacy)

Типичные ошибки

·Включить Lenis без нужды и сломать sticky
·Не связать с ScrollTrigger

Демо и ссылки

lenis.dev