Motion Design,
for the web
Theatre.js is a JavaScript animation library with a GUI.
It animates the DOM, WebGL, and any other JavaScript variable.
Motion Design,
... or read the docs
Choreograph detailed motion
Inspired by CG tools, Theatre allows you to put detail into your motion design, so you can convey meaning and nuance.
Craft micro interactions
Whether it's a half-second movement or an hour-long movie, Theatre's powerful timeline helps you animate it with ease.
2D and 3D
Theatre animates all JS variables. Use it to animate HTML, SVG, WebGL, THREE.js, Pixie.js, or your personal graphics library.
Get early access
Join a small group of designers and developers whose input guides what we build into Theatre.js
... or get in touch