# Smooth Scrolling in Next.js with Lenis & GSAP (2026 Guide)

> Add smooth scrolling and parallax effects in Next.js 15/16 App Router using Lenis 1.x and GSAP 3.12+. Updated April 2026 with current package names, lenis/react imports, and useGSAP hook.

- **Source:** DevDreaming (https://devdreaming.com)
- **Canonical URL:** https://devdreaming.com/blogs/nextjs-smooth-scrolling-with-lenis-gsap
- **Author:** CodeBucks
- **Published:** 2023-12-05
- **Last updated:** 2026-04-28
- **Topics:** User Experience, Next Js

---

_No textual content available for this page._

---

## Related on DevDreaming

- [All Blog Posts](https://devdreaming.com/blogs)
- [Free Developer Tools](https://devdreaming.com/tools)
- [Video Tutorials](https://devdreaming.com/videos)
- [AI Tools for Developers](https://devdreaming.com/ai-tools)

---

_This is the Markdown twin of a page on **DevDreaming** -- free developer tutorials, tools, and AI resources. Source of truth: the canonical HTML URL above._