Animate SVG paths in Framer

Use this simple component to achieve neat scroll animations for any SVG. (I recommend keeping the number of paths to a minimum for best effects.)

Pay once, and use forever.

HOW TO USE

1. Bring your SVG from Figma/Illustrator into Framer.

2. Double click to edit, and make sure all your paths are wrapped with 'Join'

3. Connect it up to the animate scroller component and go!

FREE BONUS
Scroll Split Text Reveal on Hover Component.

Watch it in action