Smooth scrolling from scratch with Framer Motion

Опубликовано: 10 Апрель 2026
на канале: Built With Code

7,121

123

In this video, we are going to implement smooth scrolling from scratch using Framer Motion.

Starter source code: https://github.com/Built-With-Code/fr...

Thanks for watching!

TIMESTAMPS:
0:00 - Intro
0:22 - Starter code
0:37 - Creating the SmoothScroll component
11:05 - Hiding the scrollbar
12:34 - Edge case 1: Initial spring bounce
16:21 - Edge case 2: Scrolling too quickly
18:17 - Outro

-------------------------------
Welcome to Built With Code! On this channel, you'll find coding tutorials on how to create and build your next awesome coding project, including websites and web apps. We'll use advanced frameworks such as Next.js, GSAP, and Framer Motion, and a whole lot more. If that sounds like fun, SUBSCRIBE to the channel - it'd be much appreciated!