How to draw SVG strokes as you scroll with GSAP Line Drawing

GSAP Line Drawing lets us fill in SVG strokes as users scroll our Elementor-designed pages.

GSAP Line Drawing lets you create an effect that makes it look like the SVG is being drawn in real time along with the scrolling, using just a container and a HTML widget, along with the new GSAP Line Drawing Event Type. Furthermore, we will take a look at how to prepare our own text and export it as an SVG using Illustrator, letting us apply this effect to text lines of our creation.

Get started by watching the Tutorial!

Related Modules

Scope : Extension
Dependencies: Elementor