# pmndrs/triplex

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

Repository: https://github.com/pmndrs/triplex
Canonical: https://ross.abutalabs.com/products/triplex
Homepage: https://triplex.dev
Language: TypeScript
License Family: other
Topics: react-three-fiber, threejs, webxr, ai, cursor, r3f, reactjs, vscode, windsurf
Last push: 2026-06-11T13:09:31+00:00

## Health v2 (maintenance only)
Score: 80/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 87, release rhythm 67, longevity 85
- inputs: {"age_days": 1194, "days_push": 83, "days_rel": 220, "gap_med": 12.5, "n_releases_24m": 23}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1305, forks 59 (observed 2026-08-28T04:04:18.699706+00:00)

## What it is
Triplex is an open source visual workspace for building React / Three Fiber components, distributed as a VS Code extension that also works in Cursor and Windsurf. It lets developers visually build and edit 2D and 3D scenes with input controls generated from component props, syncing all changes back to the actual source code.

## Use cases
- visually build 3D scenes with React Three Fiber without writing code
- edit React component props through visual transform controls in an editor
- build WebXR experiences for Meta Quest and Apple Vision Pro
- learn React by building components visually before diving into code
- create web games and simulations with React Three Fiber
- edit existing R3F projects inside VS Code with live code sync

## When to avoid
- you need a standalone 3D editor not tied to React and Three Fiber
- your project does not use React or React Three Fiber
- you need a fully no-code tool with no JavaScript knowledge

## Facets
- artifact type: plugin
- maturity: active
- function: editor, ui-components, graphics, developer-tools
- domain: web-development, frontend, graphics, developer-tools
- platform: editor-plugin, cross-platform
- tags: react-three-fiber, threejs, visual-editor, vscode-extension, webxr, 3d-editor, r3f, game-development, web

## Member repositories
- pmndrs/triplex (main) score 80

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:18.699706+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:51:03.689692+00:00, confidence not recorded.
  - readme: https://github.com/pmndrs/triplex (fetched 2026-08-28T04:04:18.699706+00:00, sha 329e8aee6305)
  - homepage: https://triplex.dev (fetched 2026-08-29T12:09:20.016300+00:00, sha a5b1f1432bc6)
  - site_page: https://triplex.dev/docs/get-started (fetched 2026-08-29T12:09:20.026072+00:00, sha 571b52272c64)
  - site_page: https://triplex.dev/docs/building-your-scene (fetched 2026-08-29T12:09:20.028061+00:00, sha d1aca99b648b)
  - site_page: https://triplex.dev/docs/building-your-scene/webxr (fetched 2026-08-29T12:09:20.029710+00:00, sha a9f7904c6a12)
  - site_page: https://triplex.dev/docs/get-started/starting-a-project/create-from-template/point-and-click (fetched 2026-08-29T12:09:20.031852+00:00, sha f10e93bb9519)
  - site_page: https://triplex.dev/docs/community (fetched 2026-08-29T12:09:20.034694+00:00, sha f0f875911ba4)
  - site_page: https://triplex.dev/docs/get-started/starting-a-project/create-from-template (fetched 2026-08-29T12:09:20.036869+00:00, sha a95ea4b331f1)
  - site_page: https://triplex.dev/docs/get-started/starting-a-project/your-first-3d-component (fetched 2026-08-29T12:09:20.038551+00:00, sha ed197388bfb9)
  - site_page: https://triplex.dev/docs/community/faq (fetched 2026-08-29T12:09:20.040159+00:00, sha 913f3c8cd8dc)
- Data as of 2026-08-30T08:39:29.467469+00:00.