{"id":13406248,"url":"https://github.com/theatre-js/theatre","last_synced_at":"2025-04-23T20:48:12.520Z","repository":{"id":12720876,"uuid":"15393566","full_name":"theatre-js/theatre","owner":"theatre-js","description":"Motion design editor for the web","archived":false,"fork":false,"pushed_at":"2024-08-14T13:20:18.000Z","size":27636,"stargazers_count":11663,"open_issues_count":123,"forks_count":373,"subscribers_count":115,"default_branch":"main","last_synced_at":"2025-04-18T09:56:10.966Z","etag":null,"topics":["animation","devtools","generative-art","motion-design","r3f","threejs"],"latest_commit_sha":null,"homepage":"https://www.theatrejs.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/theatre-js.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-12-23T11:02:52.000Z","updated_at":"2025-04-17T22:09:00.000Z","dependencies_parsed_at":"2023-10-14T20:59:47.948Z","dependency_job_id":"389edbc6-ae63-4ad8-b867-d91b0a86c68e","html_url":"https://github.com/theatre-js/theatre","commit_stats":{"total_commits":1006,"total_committers":27,"mean_commits":37.25925925925926,"dds":0.2872763419483101,"last_synced_commit":"6ea82b938ea49609489f6377ded693ccc6ee8f5b"},"previous_names":["ariaminaei/theatre","ariaminaei/timeflow","ariaminaei/theatrejs"],"tags_count":127,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theatre-js%2Ftheatre","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theatre-js%2Ftheatre/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theatre-js%2Ftheatre/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theatre-js%2Ftheatre/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/theatre-js","download_url":"https://codeload.github.com/theatre-js/theatre/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250470902,"owners_count":21435859,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","devtools","generative-art","motion-design","r3f","threejs"],"created_at":"2024-07-30T19:02:25.207Z","updated_at":"2025-04-23T20:48:12.497Z","avatar_url":"https://github.com/theatre-js.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","📦 Legacy \u0026 Inactive Projects","前端开发框架及项目","animation","Tools","Libraries"],"sub_categories":["其他_文本生成、文本对话","Web Programming • Libraries","JavaScript"],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003ca href=\"https://github.com/theatre-js/theatre#gh-dark-mode-only\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/theatre-js/theatre-docs/main/docs/.vuepress/public/public/theatrejs-logo-white.svg\" alt=\"Theatre.js\" width=\"200\"\u003e\u003c/a\u003e\u003ca href=\"https://github.com/theatre-js/theatre#gh-light-mode-only\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/theatre-js/theatre-docs/main/docs/.vuepress/public/public/theatrejs-logo-black.svg\" alt=\"Theatre.js\" width=\"200\"\u003e\u003c/a\u003e\n\u003c/h1\u003e\n\u003cp align=\"center\"\u003eMotion Design, for the web\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n \u003ca href=\"#\"\u003e\u003cimg alt=\"GitHub branch checks state\" src=\"https://img.shields.io/github/checks-status/theatre-js/theatre/main?label=build\"\u003e\u003c/a\u003e\n \u003ca href=\"https://discord.gg/Tku4CJKf4B\"\u003e\u003cimg src=\"https://img.shields.io/discord/870988717190426644?label=Discord\" alt=\"Join us on Discord\"\u003e\u003c/a\u003e\n \u003ca href=\"https://twitter.com/theatre_js\"\u003e\n   \u003cimg alt=\"Follow Theatre.js on Twitter\" src=\"https://img.shields.io/twitter/url?label=%40theatre_js\u0026url=https%3A%2F%2Ftwitter.com%2Ftheatre_js\"\u003e\n \u003c/a\u003e\n \u003ca href=\"https://www.youtube.com/channel/UCsp9XOCs8v2twyq5kMLzS2Q\"\u003e\n  \u003cimg src=\"https://img.shields.io/youtube/channel/views/UCsp9XOCs8v2twyq5kMLzS2Q?label=YouTube\u0026style=social\" alt=\"Watch on YouTube\"\u003e\n \u003c/a\u003e\n \n\u003c/p\u003e\n\n\u003e ✨ 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!](https://www.theatrejs.com/join)).\n\nTheatre.js is an animation library for high-fidelity motion graphics. It is\ndesigned to help you express detailed animation, enabling you to create\nintricate movement, and convey nuance.\n\nTheatre.js can be used both programmatically _and_ visually.\n\n---\n\nYou can use Theatre.js to:\n\n- Animate 3D objects made with THREE.js or other 3D libraries\n\n  ![s](https://raw.githubusercontent.com/AriaMinaei/theatre-docs/main/docs/.vuepress/public/preview-3d-short.gif)\n\n  \u003csub\u003eArt by\n  [drei.lu](https://sketchfab.com/models/91964c1ce1a34c3985b6257441efa500)\u003c/sub\u003e\n\n- Animate HTML/SVG via React or other libraries\n\n  ![s](https://raw.githubusercontent.com/AriaMinaei/theatre-docs/main/docs/.vuepress/public/preview-dom.gif)\n\n- Design micro-interactions\n\n  ![s](https://raw.githubusercontent.com/AriaMinaei/theatre-docs/main/docs/.vuepress/public/preview-micro-interaction.gif)\n\n- Choreograph generative interactive art\n\n  ![s](https://raw.githubusercontent.com/AriaMinaei/theatre-docs/main/docs/.vuepress/public/preview-generative.gif)\n\n- Or animate any other JS variable\n\n  ![s](https://raw.githubusercontent.com/AriaMinaei/theatre-docs/main/docs/.vuepress/public/preview-console.gif)\n\n## Documentation and Tutorials\n\nThe docs are at [theatrejs.com/docs](https://www.theatrejs.com/docs):\n\n- [Video tutorials](https://www.youtube.com/channel/UCsp9XOCs8v2twyq5kMLzS2Q)\n  - [Crash course](https://www.youtube.com/watch?v=icR9EIS1q34)\n  - [Animating with music](https://www.youtube.com/watch?v=QoS4gMxwq_4)\n  - [Yuri Artiukh](https://twitter.com/akella)'s\n    [stream](https://youtu.be/qmRqgFbNprM?t=3462) with a section on using\n    Theatre.js with THREE.js\n  - \\\u003cAdd your own tutorials here\\\u003e\n\n## Community and support\n\nJoin our friendly community on [Discord](https://discord.gg/bm9f8F9Y9N), follow\nthe updates on [twitter](https://twitter.com/theatre_js) or write us an\n[email](mailto:hello@theatrejs.com).\n\n## Development and contributing\n\nIf you want to change the source of Theatre, have a look at the guide\n[here](./CONTRIBUTING.md).\n\n### Proposing fixes and changes\n\nYou can always get help with bugfixes or discuss changes with our community on\n[Discord](https://discord.gg/bm9f8F9Y9N), or directly open an issue on Github.\n\n### Helping with outstanding issues\n\nFeel free to chime in on any\n[issue](https://github.com/AriaMinaei/theatre/issues). We have also labeled some\nissues with\n[\"Help wanted\"](https://github.com/AriaMinaei/theatre/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22help+wanted%22)\nor\n[\"Good first issue\"](https://github.com/AriaMinaei/theatre/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22good+first+issue%22)\nif you're just getting started with the codebase.\n\n### Helping with documentation\n\nThe documentation website's repo is\n[here](https://github.com/theatre-js/theatre-docs/).\n\n### Writing/recording tutorials\n\nIf you make tutorials or video content about Theatre, tell us to showcase it\nhere :)\n\n## License\n\nYour use of Theatre.js is governed under the Apache License Version 2.0:\n\n- Theatre's core (`@theatre/core`) is released under the Apache License. Same\n  goes for most packages in this repository.\n- The studio (`@theatre/studio`) is released under the AGPL 3.0 License. This is\n  the package that you use to edit your animations, setup your scenes, etc. You\n  only use the studio during design/development. Your project's final bundle\n  only includes `@theatre/core`, so only the Apache License applies.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheatre-js%2Ftheatre","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftheatre-js%2Ftheatre","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheatre-js%2Ftheatre/lists"}