Everything You Need to Get Started

<script src="https://cdn.jsdelivr.net/npm/@studio-freight/lenis@1.0.42/dist/lenis.min.js"></script>

<script>
window.Webflow = window.Webflow || [];
window.Webflow.push(function () {

  if (window.matchMedia('(hover: none)').matches) return;

  var lenis = new Lenis({
    duration: 1.2,
    easing: function (t) {
      return 1 - Math.pow(1 - t, 4);
    },
    smoothTouch: false,
    normalizeWheel: false,
    lerp: 0.1
  });

  // RAF loop
  function tick(time) {
    lenis.raf(time);
    requestAnimationFrame(tick);
  }

  requestAnimationFrame(tick);

  // Recalculate Lenis after page load
  window.addEventListener('load', function () {
    lenis.resize();
  });

  // Recalculate after images load
  document.querySelectorAll('img').forEach(function (img) {
    if (!img.complete) {
      img.addEventListener('load', function () {
        lenis.resize();
      });
    }
  });

  // Recalculate on resize
  window.addEventListener('resize', function () {
    lenis.resize();
  });

});
</script>