SVG Animator is a tool for building loading animations from SVGs, like the one above!

It works best on desktop, so open it on a larger screen to get started.

Built by @scientiffic at Recurse using anime.js and gifshot.

SVG Animator

Created by @scientiffic

Create a loading animation by entering SVG code below and selecting an animation type.

Animation Type:

Output GIF width (px):

Export GIF!