Theatre.js is an open-source and hackable motion design library with a visual interface. It helps you animate THREE.js scenes, SVG trees, or even choreograph light shows.
👋 Andrew, Elliot, and I are excited to share Theatre.js with you all. We’ve been building this new version for over a year and put our hearts into it. Our small team of six, plus 20 open source contributors shaped it into what it is today.
Theatre.js is a flexible animation library with a visual editing toolset. It helps you compose THREE.js scenes, animate SVG trees, or even drive light shows!
Once added to your code, it adds a visual editor in the browser with:
→ A keyframing tool and sequence editor
→ A tweak panel
→ A scene graph explorer
→ A 3D editor
→ A space to build your own tools for your workflow
At its core, it’s a simple npm library with a reactive API. It simply updates JS variables, so you can pass those variables to THREE.js, Babylon, D3.js, or any other library.
We're so glad to finally share it with you all, and would love to hear your questions and comments ❤️
I really like your slogan CODE+ART. Overall product look interesting. Sleek design and massive application. Congratulations on the wonderful launch :) Looking fwd to be acquired by Adobe? Good luck 😃
Thank you so much Naveed! Can't wait to see what you build with it! Haha yeah getting acquired by a corporate giant is the dream of every startup isn't it. :D But seriously I'm happy for the guys at Figma, I think it was the right call for them. Wish they didn't do it on our launch date tho. :P
@naveed_rehman I love this slogan as well! Thanks for the appreciation. looking forward to a world where code is accessible to artists and art is accessible to coders.
Theatre.js
Create Node CLI
Theatre.js
YeyPin
Theatre.js
Theatre.js
Theatre.js