This script enables Lenis Smooth Scroll, a tool that makes your website feel more premium by creating soft, cinematic scrolling on desktop and faster, more natural scrolling on mobile. It runs automatically on every page and requires no action from you. You can find it inside each page’s Before </body> custom code section in Webflow. The script also includes optional controls (  data-lenis-start, data-lenis-stop, data-lenis-toggle ) that let you temporarily enable, disable, or toggle smooth scrolling when needed, such as when opening menus or pop-ups. You can review Lenis' documentation to learn a little more.

This script powers a premium text-reveal animation using GSAP, making headings animate smoothly as they scroll into view. It loads several GSAP tools (SplitText, ScrollTrigger, and a custom easing curve) and applies them to any element marked with data-split="heading". When the page loads, the script splits the heading into lines and animates each one upward with a soft, modern easing as soon as it enters the viewport. The effect runs once per page view and gives the text a clean, cinematic reveal. You can find this code in the Before </body> custom code section on every page, and it works automatically—just add data-split="heading" to any heading you want to animate.

Here’s the short, client-friendly explanation in one single paragraph, specifying that this script is used only in the section where the number animations appear:This script powers the animated number counters on the page, making any element with the class .numberanimation smoothly count up from 0 to its final value when it scrolls into view. It uses GSAP and ScrollTrigger to detect when each number enters the viewport and then animates it with a dynamic duration based on the size of the number, creating a clean and professional counting effect. The script runs only on the section where these counters are used, and it activates automatically—just apply the class .numberanimation to any number you want to animate.