🕹 Web Player

Play Spirit animations directly on your web page with the open-source Spirit web player.

Install

Install

CDN

Development

With warnings & tips

<script src="https://unpkg.com/spiritjs/dist/spirit.js"></script>

Production

Warnings & tips stripped, ~10KB min+gzip

<script src="https://unpkg.com/spiritjs/dist/spirit.min.js"></script>

Don’t use the minified version during development, you'll miss out on all the nice warnings for common mistakes

Node

npm install spiritjs --save

Uses development/production version based on process.env.NODE_ENV.

Browser Support

Browser Support

More on Browser Support

GSAP

GSAP

The default animation strategy for animation playback is GSAP, which can be considered as one of the best animation libraries available. It is superior in cross-browser compatibility and performance, plus there are some useful plug-ins available that will speed up your animation workflow.

We're currently developing Spirit Studio 2, which supports other animation strategies like Lottie, Anime as well. Make sure to sign up for our newsletter and get notified once we launch it.

Usage

Usage

spirit.loadAnimation({ path: './animation.json' });

Consult the API reference for more information.

  • Spirit
  • Support
  • Terms