Resources

Smooth Scroll Effect in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Smooth Scroll Effect in Framer

View demo

Copy component

Remix project

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

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
image of Clement Lionne

Created by

Nandi

and

Clement

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.

Join waitlist

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.

Join waitlist

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.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

    Shiny Cursor Effect in Framer

    Effect

    Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

    Shiny Cursor Effect in Framer

    Effect

    Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

    Shiny Cursor Effect in Framer

    Effect

  • Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

    Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

    Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect