Smooth Scroll Effect in Framer

Smooth Scroll Effect in Framer

Smooth Scroll Effect in Framer

Smooth Scroll Effect in Framer

Code component

Code component

Code component

Code component

Smooth Scroll Effect in Framer

Smooth Scroll Effect in Framer

Smooth Scroll Effect in Framer

Smooth Scroll Effect in Framer

This is a smooth scrolling effect for Framer, which uses Lenis under the hood. Feel free to copy the component to your clipboard and paste it into your site to start using it.

This is a smooth scrolling effect for Framer, which uses Lenis under the hood. Feel free to copy the component to your clipboard and paste it into your site to start using it.

This is a smooth scrolling effect for Framer, which uses Lenis under the hood. Feel free to copy the component to your clipboard and paste it into your site to start using it.

This is a smooth scrolling effect for Framer, which uses Lenis under the hood. Feel free to copy the component to your clipboard and paste it into your site to start using it.

Smooth Scroll Effect in Framer
Smooth Scroll Effect in Framer
Smooth Scroll Effect in Framer
Smooth Scroll Effect in Framer

Copy component

Copy component

Copy component

Copy component

Features

This is a super simple code component that you just drag and drop onto your main desktop breakpoint. You can customize the effect's intensity with a simple component property.

In this video I show you how you can use it on your website.

Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

Copy the component to your clipboard.

Step 3 outline

Step / 03

Paste into your Framer project and start using it.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.