Repository files navigation

Motion Design, for the web

✨ Update: Theatre.js 1.0 is around the corner. We havetemporarily 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!).

Theatre.js is an animation library for high-fidelity motion graphics. It isdesigned to help you express detailed animation, enabling you to createintricate movement, and convey nuance.

Theatre.js can be used both programmaticallyand visually.

You can use Theatre.js to:

• Animate 3D objects made with THREE.js or other 3D libraries

  

  _{Art bydrei.lu}

• Animate HTML/SVG via React or other libraries

  

• Design micro-interactions

  

• Choreograph generative interactive art

  

• Or animate any other JS variable

  

The docs are attheatrejs.com/docs:

• Video tutorials
  • Crash course
  • Animating with music
  • Yuri Artiukh'sstream with a section on usingTheatre.js with THREE.js
  • <Add your own tutorials here>

Join our friendly community onDiscord, followthe updates ontwitter or write us anemail.

If you want to change the source of Theatre, have a look at the guidehere.

You can always get help with bugfixes or discuss changes with our community onDiscord, or directly open an issue on Github.

Feel free to chime in on anyissue. We have also labeled someissues with"Help wanted"or"Good first issue"if you're just getting started with the codebase.

The documentation website's repo ishere.

If you make tutorials or video content about Theatre, tell us to showcase ithere :)

Your use of Theatre.js is governed under the Apache License Version 2.0:

• Theatre's core (@theatre/core) is released under the Apache License. Samegoes for most packages in this repository.
• The studio (@theatre/studio) is released under the AGPL 3.0 License. This isthe package that you use to edit your animations, setup your scenes, etc. Youonly use the studio during design/development. Your project's final bundleonly includes@theatre/core, so only the Apache License applies.