i ideas / repo launcher
theatre-js avatar

theatre-js/theatre

★ 12,975TypeScriptApache-2.062

Motion design editor for the web

What it is

✨ Update: Theatre.js 1.0 is around the corner. We have temporarily moved development to a private repo so we can iterate faster. We'll push our work back to this public repo soon. Terms and license will remain OSS, as before. (Also, we're hiring – join the core team!).

When to use it

Reach for theatre when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged animation, devtools, generative-art, motion-design.

Category
UI & Design
Also in
Developer Tools
Stars
12,975
Forks
504
Last push
2.2 years ago
Created
2013-12-23
Open issues
141
Website
theatrejs.com
#animation#devtools#generative-art#motion-design#r3f#threejs#typescript

Quick start

$ git clone https://github.com/theatre-js/theatre.git

Hand it to your AI

Read https://ideas.asveas.com/r/theatre-js/theatre.md and help me add theatre-js/theatre to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to theatre

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

img2threejs avatarimg2threejsRebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.★ 21.2kpmndrs avatarreact-three-fiber🇨🇭 A React renderer for Three.js★ 33.7kmotiondivision avatarmotionA modern animation library for React and JavaScript★ 35.1kfriction2d avatarfrictionFriction Graphics★ 2kJDhruv14 avatarline-art-animationA Claude skill and TypeScript library for animated line-art SVG components: ink figures that walk and react, scenes with a day/night cycle.★ 418heygen-com avatarhyperframesWrite HTML. Render video. Built for agents.★ 82.8k

FAQ

What is theatre?

theatre-js/theatre is an UI library on GitHub: Motion design editor for the web ✨ Update: Theatre.js 1.0 is around the corner.

When should I use theatre?

Reach for theatre when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged animation, devtools, generative-art, motion-design.

What are the best alternatives to theatre?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is theatre actively maintained?

theatre-js/theatre looks quiet — no recent pushes: the last push was 2.2 years ago (2024-08-14), with 12,975 stars and 141 open issues.

What license does theatre use?

theatre-js/theatre is published under the Apache-2.0 license. Check the repository's LICENSE file before commercial use.