Introduction

Triplex is your visual workspace for building React / Three Fiber components. Focus on building your components and Triplex will manage everything else.

• 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.

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:

• If you're new to React we recommend following the React: Quick Start guide
• If you're new to Three Fiber or Three.js we recommend taking the Three.js Journey course
• For a high level introduction to Triplex and Three Fiber see Starting a Project: Your First 3D Component

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