Instruction - Avyora - Webflow HTML website template

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.

Health that lasts a lifetime starts here.

Personalized care, expert guidance, and tools design to help you feel your best - every day.

Talk to an expert

Browse all specialties