SVG Path On Scroll

SVG Path On Scroll ― How to Animate an SVG path on Scroll using Next.js.

August 29 2024

Beginner

Short

A website tutorial featuring an SVG path animation on scroll using the Canvas API, inside a Next.js application. Inspired by https://lusion.co/Live Demo Source code

Wrapping up

That's it for this tutorial!

I'm just taken away by how powerful and easy to use this material is. I'm super grateful of being part of such a great community as well. Hope you learned something!

-Bodhi