Open Source TypeScript 3D Modeling Software

SuperSplat is a free and open source tool for inspecting and editing 3D Gaussian Splats. It is built on web technologies and runs in the browser, so there's nothing to download or install.

Editor is a lightweight, browser-based code editing environment designed to provide a fast and minimal interface for writing and testing code directly in the browser. The project focuses on simplicity and performance, offering a distraction-free workspace that allows developers to quickly prototype ideas without the overhead of a full development environment. It leverages modern web technologies to deliver a responsive and interactive experience, making it suitable for quick experiments, demos, or educational purposes. The editor emphasizes ease of use, allowing users to write, edit, and preview code in real time with minimal configuration. Its architecture is intentionally simple, making it easy to extend or customize for specific use cases such as embedded editors or teaching tools. The project is particularly useful for developers who want a portable and accessible coding environment that works across devices without installation.

Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. You can tweak the container and the boxes using standard CSS flex properties, like flexDirection or justifyContent for the container and flexGrow for the boxes. There are also shorthands, like align and justify. When positioning items, react-three-flex needs to know where the object anchor is: Yoga Layout expects the object position to be relative to the upper left corner, which is the same as the DOM expects.

I wanted to code something similar to react-three-fiber but for VueJS. I started from scratch, I will rewrite some of my WebGL demos to see if this little toy can do the job. The most popular WebGL library, with a good support on both desktop and mobile. With TroisJS you can easily create 3D content for your website using VueJS components. Really fast development time with ViteJS/HMR ! Useful to create awesome 3D scenes. Thanks to VueJS/ViteJS, TroisJS use watchers and HMR to update ThreeJS objects when you update a template or a prop. This means the result in your browser will be automatically updated without reloading all the stuff. This is really helpful when you are creating a TroisJS Scene. Most of the props are reactive, please take a look at components source to see exactly which ones.