Scroll / параллакс · lenis-scrollsmoother

Lenis + ScrollSmoother

Связка мягкого скролла и GSAP-параллакса уровня Awwwards

Tier 3ТяжелоОсторожно на мобилеfree (MIT)GSAP ScrollSmoother + Lenis

Design DNA

«Контент «плывёт» с разной скоростью слоёв — ощущение дорогой продакшн-студии.»

Use with AI

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

Оцени, нужна ли связка Lenis + GSAP ScrollSmoother.
Если да — минимальный setup с 2–3 parallax-слоями.
На mobile упрости до Lenis или нативного скролла.
Обязателен reduced-motion fallback.

Что умеет

·Параллакс слоёв
·Замедление/инерция контента
·Синхрон с ScrollTrigger

Чего не умеет

·Оверкилл для простого лендинга
·Тяжело без чёткой композиции

Когда брать

·Awwwards-уровень scroll
·Многослойный storytelling

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

·MVP/SaaS UI
·Слабые телефоны без fallback

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

GSAPScrollTriggerSplitType

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

Только Lenis + ScrollTriggerCSS parallax

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

·Двойной smooth без настройки → дёрганье
·Игнор mobile perf
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

ScrollSmoother Lenis