GitHub icon


Responsive CSS motion paths!


Drag and drop an optimized SVG file onto the page that contains a path. Clean up your SVG first with SVGOMG . Alternatively, manually enter path info into the configuration form below.

Resize the container/viewport to see your motion path scale!

Path configuration


Check out the Github repo for installation and usage instructions!