https://github.com/pmndrs/triplex

The open source visual workspace for React / Three Fiber. Build the 2D and 3D web. React Three Editor.
https://github.com/pmndrs/triplex

ai cursor r3f react-three-fiber reactjs threejs vscode webxr windsurf

Last synced: about 2 months ago
JSON representation

The open source visual workspace for React / Three Fiber. Build the 2D and 3D web. React Three Editor.

• Host: GitHub
• URL: https://github.com/pmndrs/triplex
• Owner: pmndrs
• Created: 2023-05-27T05:32:58.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2026-01-26T04:05:54.000Z (5 months ago)
• Last Synced: 2026-04-12T05:06:03.204Z (2 months ago)
• Topics: ai, cursor, r3f, react-three-fiber, reactjs, threejs, vscode, webxr, windsurf
• Language: TypeScript
• Homepage: https://triplex.dev
• Size: 83.6 MB
• Stars: 1,251
• Watchers: 6
• Forks: 55
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          




[![Twitter](https://img.shields.io/twitter/follow/pmndrs?label=%40pmndrs&style=flat&colorA=000000&colorB=000000&logo=twitter&logoColor=000000)](https://twitter.com/pmndrs) [![Discord](https://img.shields.io/discord/740090768164651008?style=flat&colorA=000000&colorB=000000&label=discord&logo=discord&logoColor=000000)](https://discord.gg/mfJJPZ4deK)

Triplex is the open source visual workspace for building [React](https://react.dev/) / [Three Fiber](https://r3f.docs.pmnd.rs/) components. Build 2D and 3D components using its visual and input controls. Jump down to code when you need.

[](https://www.youtube.com/watch?v=XEvvJ5Siff8)

## Get Started

1. Install [Triplex for VS Code](https://marketplace.visualstudio.com/items?itemName=trytriplex.triplex-vsce).

1. Create a project using a [starter template](https://triplex.dev/docs/get-started/starting-a-project/create-from-template) or [open your existing one](https://triplex.dev/docs/get-started/starting-a-project/pre-existing-project).

1. Open a component and build!

Visit https://triplex.dev/docs/building-your-scene to learn more.

## Contributions

Contributions are welcomed! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) to get started. If you haven't already make sure to join the Poimandres [Discord community](https://discord.gg/mfJJPZ4deK).