Loading: Infinite path drawing

An example of creating an infinite path drawing loading animation with Motion. This example uses svgEffect to animate the path. svgEffect is the next-generation Motion SVG renderer that makes it easy to create these infinitely looping drawing animations. In a future version of Motion it'll be possible to just use the animate function below without the svgEffect setup.

Loading...

Motion Studio

Motion Studio

Enhance your AI code editor with this example

Use Motion Studio to create new components or infuse static designs with animations based on "Loading: Infinite path drawing" and 330+ other examples.

Latest JS examples

Motion is supported by the best in the industry.