SVG Line Draw on Scroll
Strokes that sketch themselves in as you scroll. No DrawSVG plugin, just core GSAP and ScrollTrigger.
01
Scrubbed Route
Scroll down slowly. The winding route, its branching waypoints, and the constellation draw in sync with the scrollbar. Scroll back up and everything un-draws.
02
Play-Once Flourish
Set data-draw-scrub="false" and the strokes draw once when they enter the viewport, with a fixed duration and ease: