Smooth Scroll Effect in Framer

Copy component

Copy component

Smooth Scroll Effect in Framer

Copy component

Effect

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.

image of Nandi Muzsik

Created by

Smooth Scroll Effect in Framer
Smooth Scroll Effect in Framer
Smooth Scroll Effect in Framer
Framer Tutorial: Adding Smooth Scroll To Your Website

Related Lesson

Framer Tutorial: Adding Smooth Scroll To Your Website

Framer Tutorial: Adding Smooth Scroll To Your Website

Related Lesson

Framer Tutorial: Adding Smooth Scroll To Your Website

Framer Tutorial: Adding Smooth Scroll To Your Website

Related Lesson

Framer Tutorial: Adding Smooth Scroll To Your Website

About the resource

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.

About the resource

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.

About the resource

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.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

    Show Once Code Override for Framer

    Effect

    Show Once Code Override for Framer

    Show Once Code Override for Framer

    Effect

    Show Once Code Override for Framer

    Effect

    2 Types of Horizontal Scrolling Effect in Framer

    Effect

    2 Types of Horizontal Scrolling in Framer

    2 Types of Horizontal Scrolling Effect in Framer

    Effect

    2 Types of Horizontal Scrolling Effect in Framer

    Effect