Powerful motion design
in the browser
Theatre.js is a javascript animation library with a professional motion design toolset. It helps you create any animation, from cinematic scenes in THREE.js, to delightful UI interactions.
Iterate with ease
Block out your sequence in seconds with our cutting-edge sequence editor. Use presets to add quick flare. When you are ready, dive into the graph editor and fine-tune every frame.
Dope sheet
Graph editor
Easing presets
Code vs plus Art
It is not either/or. Create in code, perfect in the browser — best of both worlds.
Outline
Property editor
Create your own workflow with extensions
Theatre.js is extensible. Move the camera around for the perfect shot. Adjust lights. Tweak shaders. With official extensions, or tools of your own.
Custom UI
Custom tools
Custom workflows
Theatre.js works with any stack!
Have a custom THREE.js setup? Wrote your own WebGPU library? Theatre.js works with all of that. All it does is change JS variables. It is up to you what you do with them.