Triplex.dev

June 2025 Update Here's what's been happening since Triplex for VS Code was released.

Here some details on features that have shipped since launching Triplex for VS Code.

#threejs #reactjs #r3f

triplex.dev/blog/2025-ju...

Introduction Triplex is your visual workspace for building React / Three Fiber components.

This improves transform controls for other edge cases as it now reads the initial state from props instead of the Three.js scene, small but impactful change 💪!

This change will be available in the next release.

Get started today at triplex.dev/docs/get-sta...!

Triplex just became best friends with the Decal component. Effortlessly position it on your mesh — then save back to code.

Imagine doing this manually in code! 😱

#r3f #threejs #reactjs #webdev

Triplex for VS Code Turn Visual Studio Code, Cursor, Windsurf, and forks into your visual workspace.

Get started with Triplex for VS Code today ❤️

triplex.dev/docs/get-sta...

Find the example code here 👉 github.com/trytriplex/t...

About component open inside Triplex for VS Code

Open individual pages and iterate on them in isolation.

Home component open inside Triplex for VS Code

Page input control open with two options, / and /about

Open the App component and switch between pages using the page input control, it's declared automatically thanks to the global providers props!

Triplex loves React Router

Here's an example on how you can use React Router with Triplex

#reactjs #webdev #reactrouter

Deployment: itsdouges.github.io/starter-exam...
Starter docs: triplex.dev/docs/get-sta...

Make sure to join Discord!

Example start deployment to GitHub pages

Triplex starter templates now deploy to @github
pages by default.

Start a project
✨ npx create-triplex-project@latest

Set to deploy from GitHub actions
🔽 Source: GitHub Actions

Push commits to your default branch
1 file changed, 10 insertion(+), 1 deletion(-)

Get started here triplex.dev/docs/get-sta...

Start building a 3D React component in 30 seconds

literally throwing up from how sick this is #threejs #webxr

Can’t wait for what’s second 😎

Load it up, I dare you

Triplex for VS Code with the caustic example open with postprocessing enabled

First external contribution to the @triplex.dev renderer has been merged!

It gets userland postprocessing working in the editor. Thanks @hotbloodedheroine.petplay.fi!

github.com/trytriplex/t...

Let's goooo

Supercharging the "Visual" in Visual Studio Code After almost a year of development Triplex for VS Code is now available in public beta with exciting features coming later this year.

It's a good day to be a React component ⚛️

1️⃣ Install the extension 👉 triplex.dev/docs/get-sta...
2️⃣ Read the launch blog 👇 triplex.dev/blog/triplex...
3️⃣ Open in Triplex 🚀

Build 2D and 3D web apps without coding. Triplex for VS Code — now in public beta.

YouTube video by SydJS Michael Dougall Dynamic Creatures and Concurrent Features

Full video here: www.youtube.com/watch?v=nkq-...

@douges.dev talks about implementing the dynamic roots feature for Triplex and a gotcha with React Concurrent Features!

Learn how Triplex can open both 2D and 3D React components 🤯👇

This is the ideal state. You may not like it, but this is what peak performance looks like.

...

See the full video here: www.youtube.com/watch?v=nkq-...

@douges.dev talks about implementing the dynamic roots feature for Triplex and a gotcha with React Concurrent Features!

❤️❤️

👀

Even though my code contains few react three fiber components anymore (most rendering is done via BatchedMesh), I can still use @triplex.dev in vscode as a level editor, with the help of custom React components and Koota, the new @pmnd.rs ecs. More on that setup soon :)

We were happy to be part of the "Immersive React" workshop, sponsored by @metaquestgaming.bsky.social & hosted by @reactsummit.gitnation.org ! Developers created their first 3D and XR apps, including games and product configurators. Thanks to everyone who attended! #ReactSummit #MetaQuest #Triplex

Excited for today’s "Immersive React: Build Mixed Reality Apps with Meta Quest" workshop! 🚀 Join experts Kris Baumgartner, Bela Bohlender, & Felix Zhang to turn React skills 3D with WebXR. 🎮
9AM-4PM EST 📍 NYC Seminar & Conference Center 🎟️ For React Summit & JSNation ticket holders only. #JSNation

deformable-mesh.tsx open inside Triplex for VS Code

Want to try Triplex for VS Code before everyone else? Everyone on our Discord now has access.

Join here: discord.gg/nBzRBUEs4b

Release 0.69.6 · trytriplex/triplex New features The name prop set on custom components in the Scene Panel. E.g. given a component Box, if it has a name prop statically set to "foo" it will appear as "foo (Box)" in the Scene Panel. ...

Learn more: github.com/trytriplex/t...
Download: triplex.dev/download
Discord: discord.gg/nBzRBUEs4b

Triplex v0.69.6 has been released.

📛 Name prop on custom components now appear as "name (Component)" in the scene panel
🌀 Cycle through scene objects under your cursor by clicking multiple times
🥤 Select a specific template when creating a new project

#r3f #react #webdev #threejs #webgamedev