Triplex@trytriplex

Build the 2D and 3D web. Your open source visual workspace for React / Three Fiber. Make your first contribution today! @douges / @pmndrs

 Canberra, Australia
triplex.dev/docs/get-started
Joined October 2023
and then load your deno project up over here 😎
deno project open in triplex for vs code

ALT deno project open in triplex for vs code

Deno
@deno_land
21 Aug 2025
Create (a) React App on Deno! ⚛️ React + TypeScript + Vite docs.deno.com/examples/react…
The Deno and React logos over a big blue "Deploy" button and the words: "Deploy with a click"

ALT The Deno and React logos over a big blue "Deploy" button and the words: "Deploy with a click"
2
474
You can BUILD 3D GAMES with React.js! #reactjs #threejs Compose 3D components together using Triplex and the new VIVERSE package as easy as 2D. What will you build? Follow the link in my profile to get started.
1
5
48
5,186
🐛 The editor grid has now been positioned slightly above y=0 so it doesn't z-fight with other objects placed on y=0.
1
52
🐛 Fixed an edge case where stale scene objects could stick around when resetting the scene.
1
53
🐛 The scene is now reset when entering play state from edit state.
1
61
Here's what's new this week with Triplex for VS Code.
2
3
16
1,087
Replying to @BelaBohlender @threejs
i feel so seen rn
open in triplex FEELS SEEN

ALT open in triplex FEELS SEEN
3
218
🆕 View and edit your 3D components in WebXR. triplex.dev/docs/building-yo…
Editing mech components inside WebXR.

ALT Editing mech components inside WebXR.
145
🐛 Projects using @deno_land now has the install missing dependencies button set with the "--npm" arg when prompted to install missing dependencies.
Missing dependencies error screen in Triplex for VS Code with the new --npm arg for Deno projects.

ALT Missing dependencies error screen in Triplex for VS Code with the new --npm arg for Deno projects.

1
155
🆕 Group elements with the group element action.
1
14
🐛 The selection outline in 3D components now ignores transparency from textures, instead outlining the entire mesh. Before / After
Selection outline inside Triplex for VS Code looking very noisy.

ALT Selection outline inside Triplex for VS Code looking very noisy.

Selection outline inside Triplex for VS Code looking crisp and exact.

ALT Selection outline inside Triplex for VS Code looking crisp and exact.

1
21
🆕 Drag & drop elements in the elements panel to reorder / reparent them.
1
36
🐛 Components that have their exports removed during a session are now gracefully handled.
1
34
🆕 The editor camera can now be set as the default camera for 3D components giving you more control over how your components behave when viewed through Triplex.
1
34
🤖 ai assisted coding is huge right now, and seeing where it could fit into a triplex workflow is super compelling. this feature isn't good enough to ship yet, when it's in a state that is more useful than not it'll be available for early adopters.
ai chat is sick

ALT ai chat is sick

1
1
144
📐 transform controls have had a massive update to make them useful across more scenarios. this has unblocked some novel use cases such as positioning decal components and positioning bones!
decals are sick

ALT decals are sick

1
18
🐛 call the debug API from anywhere and it'll log data to the debug panel. repeated calls override previous ones. window.triplex.debug('foo', 123); call it even from your frame loop!
love big models

ALT love big models

1
18
thread on some slick stuff that has shipped over the last few months #threejs #reactjs #r3f
mechs are sick

ALT mechs are sick

1
1
12
685
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
3
4
48
3,721
Open individual pages and iterate on them in isolation.
About component open inside Triplex for VS Code.

ALT About component open inside Triplex for VS Code.

1
26
Open the App component and switch between pages using the page input control, it's declared automatically thanks to the global providers props!
App component open inside Triplex for VS Code.

ALT App component open inside Triplex for VS Code.

Page input control open inside Triplex for VS Code with two options: / and /about.

ALT Page input control open inside Triplex for VS Code with two options: / and /about.

1
32
Here's an example on how you can use React Router with Triplex #reactjs #webdev #reactrouter
Triplex loves React Router!

ALT Triplex loves React Router!

1
1
7
453
Did you know? Props declared on your React component appear as input controls. Change them during your session and see how your component reacts! Love iterating on components with it.
Props -> input controls.

ALT Props -> input controls.

1
4
216
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(-)
Example starter deployment at https://itsdouges.github.io/starter-example/

ALT Example starter deployment at https://itsdouges.github.io/starter-example/

1
1
6
340
Start building a 3D React component in 30 seconds
3
7
84
7,138
Hi new friends! Thanks for the follow. Make sure to join the discussion on Discord! You can join using this link: discord.gg/nBzRBUEs4b In it you'll find folks talking about what they're working on, help requests, and behind the scenes development on new features, like this!
5
479
Did you know? The Triplex renderer is open source! Find it here: github.com/trytriplex/triple… — in it you'll see the code that renders both 2D and 3D React components. Contributions encouraged! 😁
cozy

ALT cozy
2
213
we're so back
chicken

ALT chicken

ghibli chicken

ALT ghibli chicken
5
252
Replying to @basementstudio
can't get access to assets so vibing to coffee steam instead
coffee steam component open inside Triplex for VS Code

ALT coffee steam component open inside Triplex for VS Code
3
426
Build 2D and 3D web apps without coding. Triplex for VS Code — now in public beta.
12
37
299
49,185
Full video here: piped.video/watch?v=nkq-gNMS… @douges talks about implementing the dynamic roots feature for Triplex and a gotcha with React Concurrent Features!

Michael Dougall Dynamic Creatures and Concurrent Features

This was recorded at a SydJS meetup - find out more at https://www....

youtube.com
1
500
Learn how Triplex can open both 2D and 3D React components 🤯👇
1
1
6
653
See the full video here: piped.video/watch?v=nkq-gNMS… @douges talks about implementing the dynamic roots feature for Triplex and a gotcha with React Concurrent Features!

Michael Dougall Dynamic Creatures and Concurrent Features

This was recorded at a SydJS meetup - find out more at https://www....

youtube.com
2
408
This is the ideal state. You may not like it, but this is what peak performance looks like.
2
1
7
790
Replying to @bruno_simon
be wary of poison gas

ALT be wary of poison gas
1
162
Want to try Triplex for VS Code before everyone else? Everyone on our Discord now has access. Join here: discord.gg/nBzRBUEs4b
deformable-mesh.tsx open inside Triplex for VS Code

ALT deformable-mesh.tsx open inside Triplex for VS Code

12
2,641
Did you know? Double clicking on a tab in Visual Studio Code lets you have that tab take up more space. Super useful when your editor has been turned into a visual IDE thanks to Triplex for VS Code! It's coming soon! Like, repost, and follow to be the first to know when it's available.
2
8
657
Never tried making something with React Three Fiber? Don't fret — we're cooking comprehensive docs, guides, and vibes for the upcoming Triplex for VS Code release. Make sure to follow and join Discord to be the first to hear. #threejs #react #webgamedev #webdev #r3f
Your First Component docs for Triplex for VS Code.

ALT Your First Component docs for Triplex for VS Code.

1
2
6
563
Triplex for VS Code turns Visual Studio Code into a visual IDE and is coming soon! Want to be the first to hear about it? Follow this account and join Discord! Link in the next tweet! #threejs #r3f #webgamedev #webdev #react
Deformable mesh component open inside Triplex for VS Code

ALT Deformable mesh component open inside Triplex for VS Code

Mech scene open inside Triplex for VS Code with a blue mech selected

ALT Mech scene open inside Triplex for VS Code with a blue mech selected

1
1
14
653
Positioning literally anything in 3D space with Triplex

ALT That is accurate!
1
146
Load more