SVG Draw Path
Draws an SVG line for you as you scroll, the stroke filling in from start to finish. Works with any path. Good for line art and decorative bits.
A Good Fella original.
One of 60 GSAP components in React, Vue and HTML.
On mobile
Take the free components with you.
In React, Vue and HTML, in your inbox, ready when you're back at your desk.
What you'll need.
Install
- GSAP
- ScrollTrigger
- DrawSVGPlugin
Concepts
Attributes, tips, use cases and full code are part of access.
The preview and provenance stay public. Tune-it docs, the data-anm-* attribute table, real-world use cases and the copy-ready code unlock the moment you sign in.
Get accessFrom €29/mo
Browse by category