mike douges (@douges) on X

X (formerly Twitter) ·

2 min read Original article ↗

user avatar

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! 😍✨

user avatar

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! 💕

user avatar

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

Triplex running on macOS

Triplex running on Windows

user avatar

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!

Editing a water GLSL shader in code and using Triplex to visualize it.

Editing a Tree texture in Photoshop and visualizing it in Triplex.

user avatar

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.

user avatar