Smooth Scroll

Lenis smooth scrolling driven by the GSAP ticker, so every ScrollTrigger stays in sync. Works on the window or inside any scroll container, with a useLenis() hook.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/smooth-scroll

import { SmoothScroll } from "@/components/smooth-scroll"

// Wrap your app once, for example in app/layout.tsx.
// Read the instance anywhere below it: const lenis = useLenis(); lenis?.scrollTo("#pricing")

export function Demo() {
  return (
    <SmoothScroll>
      {children}
    </SmoothScroll>
  )
}

Updates live as you change the controls. Only non-default props are included.