Animated Path Pro

Animated Path Pro draws a line through your page as visitors scroll and one slider takes it from a straight line to waves, zigzags, curls, and full loops.

No SVG code needed. The path generates itself from your settings and refits any frame height automatically. Numbered step markers snap onto the line for "how it works" sections, timelines, and roadmaps or switch them off and use the line as a pure decorative flourish.

Everything lives in the property panel: curve amount (0–160), step count, colors, stroke width, glow, an arrow that rides the line, scroll speed, and spring smoothing. Power users can paste their own SVG path in Custom mode. Use several instances on one page each runs independently.

Looks right on the canvas, in thumbnails, and in exports drop it in and it already works.

Includes:

· generated + custom path modes

· Waves, zigzags, curls & loops

· 2–10 numbered steps with full styling

· show/hide steps toggle

· Arrow follower

· Glow

· Spring physics

· Speed control