Introduction

Triplex is a visual IDE for building React / Three Fiber components. It frees you up to focus on building. Triplex manages your development environment, provides productivity capabilities, and enables both visual and code-first workflows.

• Familiar Editor Workflows: Make changes that can be undone, repeated, and saved back to your source code.
• Always In-Sync: Changes made to your source code are reflected in the editor in real-time.
• Scene Tools: In-built tools to help visualize and edit your components.
• User Controlled Dependencies: Triplex uses your projects dependencies for React, Three Fiber, and Three.js.

Having a basic understanding of React and its component model helps immensely when building with Triplex, but you can learn as you go. Some folks have even started learning React using Triplex at the same time!

Here are some resources to get you started:

• For a high level introduction to Triplex and Three Fiber see Starting a Project: Your First 3D Component
• 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

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