How to create scroll-linked and scroll-triggered animations in Framer Motion.

Anja Petry

HTML

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Scroll-triggered animations are normal animations that start when an element enters or leaves the viewport. Scroll-linked animations are when the progress of an animation is directly tied to scroll progress. The easiest API is no API and that's why Framer Motion is used to create the scroll- linked animations in Framer.

Framer for Developers