Instruction

Lenis - Smooth Scroll

The template integrates the Lenis library to deliver a smooth scrolling experience.

<head>

<!-- Lenis script and styles Start -->
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.4/dist/lenis.css">
<script src="https://unpkg.com/lenis@1.3.4/dist/lenis.min.js"></script>

<body>

<!-- Lenis Script Start -->
<script>
// Initialize Lenis
const lenis = new Lenis({
  smooth: true,
  lerp: 0.1,
  wheelMultiplier: 1,
  infinite: false,
});

// Use requestAnimationFrame to continuously update the scroll
function raf(time) {
  lenis.raf(time);
  requestAnimationFrame(raf);
}

requestAnimationFrame(raf);
</script>

The custom code shown above can be updated in Project Settings → Custom Code within the project settings.

How to Edit GSAP Animations

This project uses GSAP for the number counter animation (Home Page).

1. Element Map

Below are all elements using GSAP:

[data-counters] → Main trigger → Activates counter animation
[data-target] → Target value → Defines final number (e.g., 100, 2.5)
[data-decimal] → Decimal control → Enables decimal output when set to "true"

2. Customizing Key Variables (Counter)

You can easily control animation behavior by editing these values:

⏱ Duration (Animation Speed)

duration: 4

👉 Example:

2 → faster
4 → default
6 → slower

⏱ Delay (Optional)

delay: 0.5

👉 Adds delay before animation starts

🎬 Easing

ease: 'power2.out'

👉 Options:

power1.out → soft
power2.out → smooth (default)
power3.out → stronger
linear → no easing

📍 Scroll Trigger

start: 'top 85%'

👉 Controls when animation starts:

top 90% → earlier
top 70% → later
power3.out → stronger
top center → middle of screen

🔁 Run Once

once: true

true → animation runs only once
false → replays on scroll

How to Remove GSAP Animation

Follow these steps to disable the counter animation:

Step 1: Remove or Comment JS Code (Project Settings → Custom Code -> Footer)

// Comment or delete this block
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js" defer></script>

window.addEventListener('DOMContentLoaded', () => {
  ...
});

Step 2: Publish Site

Save changes
Publish your Webflow project

Get your event 2026 ticket now

Join ambitious professionals, founders, and growth leaders for an experience designed to deliver clarity, connections, and real business momentum.

Book your Slot

Limited slot available

Live on:

April 20, 2026

Time:

10 AM

Offline Location:

London, UK