Introduction
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.
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:
- 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
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.