Open source visual workspace for React / Three Fiber.
triplex is easy to set up with strong trust signals. Check agent compatibility and use-case fit before adding it to your workflow.
Repository setup guidance
gh repo view pmndrs/triplex --webOpen the official repository or website.
Check the README for package manager, auth, and platform requirements.
Try it in a small test task inside your agent workflow.
Triplex is a visual editor for building React and Three Fiber components, allowing you to see your 3D scene and edit properties visually, then jump into code when needed.
Triplex is an open-source visual workspace that integrates with VS Code to provide a 2D/3D editor for React components built with Three Fiber. You can visually manipulate objects, lights, materials, and more, with real-time preview. It supports WebXR and aims to streamline the development of immersive web experiences.
Strong trust signals; still review the README and permissions before production use.
Last commit was about 46 days ago.
1286 GitHub stars indicate community interest.
8 open issues signal maintenance load.
No license detected; review before production use.
Building 3D product configurators
Creating interactive data visualizations in Three.js
Developing WebXR experiences
Prototyping 3D scenes for websites
Educational tools for learning Three.js
Ensure VS Code extensions are from trusted sources
Be cautious with external assets loaded from URLs
Review code generated by the visual editor
How do I add a spotlight to my Three Fiber scene using Triplex?
1,286
Stars
59
Forks
8
Issues
Extract any website's complete design system with one command.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Open source visual workspace for React / Three Fiber.
React developers working with 3D, Three Fiber users, WebXR developers
The setup section provides repository-level starting guidance, not a guarantee of an independently verified installation. Check the official README and release notes.
Ensure VS Code extensions are from trusted sources Be cautious with external assets loaded from URLs
Similar or complementary options to evaluate include design-extract, Argos, uSpec.
Jul 11, 2026
3 security/trust notes recorded.
Setup difficulty is 2/5.