Introduction

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

What is Triplex?

Triplex is your visual workspace for building React / Three Fiber components. Build 2D and 3D components without coding using its visual and input controls. Jump down to code when you need to.

New Knowledge

Did you know? The Triplex renderer is open source on GitHub (it's what renders your 2D and 3D components!). If you've never contributed to an open source project before today's a good day to dip your toes, check out these issues to get started and make sure to join our Discord community.

Highlight Features

  • Visual Controls: Update props visually using controls like transform controls.
  • Input Controls: Component props become inputs in the editor.
  • Editor Workflow: Changes can be undone, repeated, and saved back to code.
  • Code, Synced: Code changes are reflected back in the editor.

Pre-Requisite Knowledge

If you've used React and built components before then you'll have no issues using Triplex. If you haven't — don't worry you can learn as you go. Some folks have even started learning React using Triplex!

Here's some resources to get started:

Join our Community

We have a community of hundreds building with Triplex. Join us on Discord or see Community for more ways to get involved.

Was this page helpful?