✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

Triplex is an editor that enables you to edit React Three Fiber components visually, with changes saved straight back to code. Best of all — you're not limited to editing in Triplex! Modifying source syncs the editor as well. Triplex is made for coders, artists, everyone! 😍✨

Triplex works with all bundlers and meta frameworks, as well as using your installed versions of Three.js, React, and React Three Fiber. Point Triplex at a folder and it'll open what’s inside. It’s made to grow with your project! 💕

Triplex can be installed as a standalone app for macOS and Windows, or through NPM. The app auto updates when new versions are out and, if I say so myself, looks pretty great! Find download links here: triplex.dev/download ✨ Left: macOS Right: Windows

How you use Triplex is limited only by your imagination Here’s some ideas to get started: 🍱 Flesh out a complex scene made up of multiple components 🔌 Iterate on a GLSL shader applied to a single component 🖌️ Texture a model right where it’ll actually be used, in the browser!

What’s next? In the immediate term it’s fixing bugs, improving the core editor CRUD flow, and quality of life improvements. If you find bugs or anything that's causing you friction please raise an issue here: github.com/try-triplex/tr… 🙏 We'll be working towards a beta release.