Theatre.js

Visual keyframe editor layered on code-driven web animation.

Apache-2.0 · ★ 12.7k

Be the first Theatre.js clip here.

We haven't found a public Theatre.js piece with its prompt yet. Publish yours and it leads this page.

Publish a clip
About Theatre.jsagents, rendering, runtime
With agents
No official AI resources; agents can author state JSON and sequence code, but the visual Studio is the main authoring surface.
Render path
No built-in video export; seek sequence.position per frame and capture canvas frames to FFmpeg.
Runtime
TypeScript/JavaScript; integrates with Three.js/R3F
Best for
3D camera choreography · keyframed web animation

Worth knowing

  • Core Apache-2.0, Studio AGPL-3.0; ~12.7k stars; no pushes since Aug 2024 source ↗

For the Theatre.js team

Featured on 24fps

This page is free and always will be. If it helps your users, drop the badge on your showcase or README.

<a href="https://24fps.dev/tools/theatrejs"><img src="https://24fps.dev/badge/theatrejs.svg" alt="Featured on 24fps" height="28"></a>