https://github.com/pmndrs/triplex

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

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

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/pmndrs/triplex
• Owner: pmndrs
• Created: 2023-05-27T05:32:58.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-10-03T04:03:56.000Z (3 months ago)
• Last Synced: 2025-10-03T05:43:34.954Z (3 months ago)
• Topics: ai, cursor, r3f, react-three-fiber, reactjs, threejs, vscode, webxr, windsurf
• Language: TypeScript
• Homepage: https://triplex.dev
• Size: 82.9 MB
• Stars: 978
• Watchers: 6
• Forks: 41
• Open Issues: 17
• 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/ZZjjNvJ)

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/SUHCwfEk).