__smm_static_temp_content__

FollowPath

A VanillaJS library to animate HTML elements along an SVG path with custom durations, iterations, easing, and lifecycle callbacks.

Features

• Animate elements along any SVG <path> or <polyline>
• Custom duration and rational iteration count (including Infinity)
• Configurable delay between iterations
• Path scale compensation (toScale)
• Rotation along the path tangent (rotate)
• Easing functions for custom pacing
• Timeline callbacks at arbitrary percentage points
• Animation modes: clamp, loop, pingpong, or custom
• Play / Pause / Stop controls
• Real-time FPS and iteration tracking
• Frame-accurate rendering with renderFrame
• Progress getters and setters

Check out the live demo.

Installation

npm i follow-path

Or clone from GitHub.

---

• Getting Started
• Usage
• Constructor Config
• Methods
• Properties
• Modes
• Basic Animation
• Timeline and Easing