Lenis smooth scroll in under 4 minutes
In this video, we are going to speedrun adding Lenis smooth scroll to an existing Next.js project.
💾 Starter code: https://github.com/Built-With-Code/le...
⏭️ Watch This Next: • Smooth scrolling from scratch with Framer ...
📱 Follow online: / built_with_code
Learn more about Lenis: https://lenis.darkroom.engineering/
Have a question about anything in this video? Drop it in the comments!
⏰ Timecodes ⏰
0:00 - Intro + Preview
0:06 - Starter code
0:14 - Install Lenis
0:24 - Configuring Lenis for a client component
1:36 - Configuring Lenis for a server component
2:55 - Lenis CSS styles
3:17 - Outro
-------------------------------
Welcome to Built With Code, a channel focused on intermediate/advanced frontend web development topics. Some of my favorite tools are Next.js, TailwindCSS, and Framer Motion. If you find value from the videos, a like and/or subscribe is much appreciated!