theatre/theatre/studio
Andrew Prifer 39da042edc
Fix various issues with the build system (#129)
* Fix react-icons breaking in CRA 5 for some reason

* Replace fuzzysort with fuzzy so we don't break Webpack

Webpack messes up esbuild’s internal modules if the inlined module is an AMD module. Check any new dep you add if it is an AMD module.

* Inline dataverse deps.

Mainly because the CJS build consuming the ESM lodash-es broke some bundlers.

* react-icons fix nr 2

* Stop eslint breaking in CRA 5

* Update r3f-cra example to CRA 5 and fix double-bundling react & co

* Fix r3f tree-shaking and switch to ESM only output

* Make r3f example shake studio and its extension in prod

* Examples have separate and wildly differing build setups so remove them from the pre-commit hook linting

* Update out-of-date yarn.lock
2022-04-21 22:03:51 +02:00
..
devEnv Started adopting api-extractor 2021-10-02 13:48:02 +02:00
src Fix various issues with the build system (#129) 2022-04-21 22:03:51 +02:00
.npmignore Initial OSS commit 2021-06-18 13:05:06 +02:00
LICENSE Initial OSS commit 2021-06-18 13:05:06 +02:00
package.json 0.4.8-dev.3 2022-04-15 13:28:14 +02:00
README.md Updated README 2021-10-01 12:38:43 +02:00

Theatre.js - Studio

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

Theatre can be used both programmatically and visually.

You can use Theatre.js to:

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

    s

    Art by drei.lu

  • Animate HTML/SVG via React or other libraries

    s

  • Design micro-interactions

    s

  • Choreograph generative interactive art

    s

  • Or animate any other JS variable

    s

Documentation and Tutorials

You can find the documentation and video tutorials here.

Community

Join us on Discord, follow the updates on twitter or write us an email.

@theatre/studio

Theatre comes in two packages: @theatre/core (the library) and @theatre/studio (the editor). This package is the editor, which is only used during design/development.

License

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.
  • The studio (@theatre/studio) is released under the AGPL 3.0 License. This is the package that you use to edit your animations, setup your scenes, etc. You only use the studio during design/development. Your project's final bundle only includes @theatre/core, so only the Apache License applies.