Tool
Theatre.js
Visual timeline editor wired to JS/Three.js
About
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.
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.
It is not either/or. Create in code, perfect in the browser — best of both worlds.
Theatre.js is extensible. Move the camera around for the perfect shot. Adjust lights. Tweak shaders. With official extensions, or tools of your own.
Features
- React Three Fiber
- HTML/CSS/SVG
- Getting started
- Pricing
- Open Source
- Pricing detail
- Free open-source animation toolkit
- Platforms
- Web, JS library
Alternatives from our catalog
Tools on the same shelves as Theatre.js, ordered by shared tags and our own comparisons. Not vendor endorsements.
- DramaPaid · Desktop (Mac)
Smaller all-in-one motion/proto app
also in Motion
- Motion (ex-Framer Motion)Open Source · JS/React/Vue library
Tiny WAAPI-based; Motion UI kit 2026
also in Motion
- Anime.jsOpen Source · JS library
Indie favorite for micro-interactions
also in Motion
- BlenderOpen Source · Desktop
OSS motion/3D workhorse
also in Motion
- AnimXYZOpen Source · Web / CSS
Utility approach to complex CSS motion
also in Motion
- RiveFreemium · Web, Desktop, Runtimes
Runtime king; smaller than Lottie for interactive UI
also in Motion