Theatre.js – A hackable animation editor for the web

Usage no npm install needed!

<script type="module">
  import theatre from '';



Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.

Theatre can be used both programmatically and visually:

Video showing a browser window containing three divs falling from the middle of the screen, and bouncing back up, animated with the help of Theatre.js

Theatre works with all rendering stacks. You can use it to animate DOM elements, THREE.js objects, or any kind of JavaScript variable.


Read the guide at

Open source

We're gradually open-sourcing some components of Theatre as their code matures. In the meantime, this library on npm and other package managers is available free of charge, and can be used in both personal and commercial projects. See for more detail.