The Most Underrated Framer Scroll Animation...

The Most Underrated Framer Scroll Animation...

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

Beginner

17 min

The Most Underrated Framer Scroll Animation...

In this Framer tutorial, you'll learn it step-by-step how to animate SVG paths on your websites on scroll. This effect can be used to play fun illustrations on scroll, or animate progress bars as you're scrolling on the website. An easy way to differentiate your website from the competition and add a "WOW" factor without breaking a sweat.

image of Nandi Muzsik

Taught by

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 lessons

More lessons

View all

This Framer Component Shouldn't Exist...
Watch a Framer Expert Build an Interaction from Scratch