Sign up free
Start creatingRead the guide

Runs in your browser, nothing uploaded

Embed code generator

Choose how an animation should start, loop and how wide it is. Copy the tag to paste into your page, with the result running beside it.

<script src="svgmo-player.js"></script>

<svg-mo
  src="animation.json"
  autoplay
  respect-reduced-motion
  style="width: 240px">
</svg-mo>
  • Nothing uploadedYour file is read on this device.
  • Free, no accountOpen the page and use it.
  • Nothing to installIt runs in a current browser.

Common questions

Where do I put the code?

Paste it into your page's HTML where the animation should appear. Put the player script and your animation file on your site beside the page.

Where do I get the player script?

Download it from the player page. It is one file, about 30 KB, 11 KB gzipped.

Do I need the script tag every time?

Once per page. After that, use as many svg-mo tags as you like.

Can I do without a script?

Yes, for a plain looping animation: export or convert to animated SVG, which plays by itself.

Want every option?

The player reference lists each attribute, method and event.

Player reference