skills.rest
sreejithraman
sreejithramanCOMMUNITY
Explore all skills by this author →
GitHub

lenis

Configure Lenis smooth scrolling with GSAP ScrollTrigger synchronization and cleanup.

Updated Aug 23, 2026
Search Tags:#cleanup#ticker#gsap#smooth-scroll#lenis#scrollTrigger
One-click install
npx skills add https://github.com/sreejithraman/shayna --skill lenis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lenis
Source: https://github.com/sreejithraman/shayna/tree/main/.claude/skills/lenis
Command: npx skills add https://github.com/sreejithraman/shayna --skill lenis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Smooth scrolling solutions can conflict with native scroll behavior. This Skill covers Lenis setup, GSAP integration, and performance best practices.

Core Features & Use Cases

  • CSS Requirements: Required scroll behavior adjustments
  • GSAP Sync: Tie Lenis to GSAP ticker and ScrollTrigger
  • Cleanup: Proper destroy patterns to avoid leaks
  • Use Case: Implement seamless page scroll with GSAP-driven animations.

Quick Start

Initialize Lenis and synchronize with GSAP ScrollTrigger, then ensure ticker cleanup on navigation.