To enable scroll-based storytelling and visual movement in Framer, I built a custom component that animates elements along an SVG path in response to the user’s scroll position. This opened up new possibilities for interactive timelines, journey visualizations, and dynamic layouts that move with the flow of the page.

The component was built to be flexible, allowing designers to plug in any SVG path and control how objects move along it—making it a reusable tool for a variety of creative concepts.

You can view and access the component here: path.animator