InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code. Learn more →
Top 23 TypeScript 3D Projects
🇨🇭 A React renderer for Three.jsProject mention: Created an interactive app of a damped pendulum and the phase portrait. | reddit.com/r/Physics | 2022-11-18
Thanks! I love reactive, declarative programming, so I used React Three Fiber to draw the pendulum and graph. The integration method is RK4.
Other than that you could go more game engine that can export to web, these are very web centric engines, that have 2d and some 3d capabilities. These work with vectors among other things, but are a lot more complicated since they are a game engine. BabylonJS: https://www.babylonjs.com/ Phaser: https://phaser.io/ ThreeJS: https://threejs.org/
Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
Easily display interactive 3D models on the web and in AR!Project mention: Best way to do 3d rotating element? | reddit.com/r/webflow | 2022-10-21
✨ ThreeJS + VueJS 3 + ViteJS ⚡Project mention: Create a First Person Movement in React Three Fiber - Part 1 | dev.to | 2022-09-23
Because of this, many libraries emerged with the aim of using Three.js inside a framework. I have tried Angular Three and Trois.js for Vue but I prefer React Three Fiber because of its large community, examples and documentation but feel free to give a try to the other ones.
🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis engineProject mention: Any GIS developers here? | reddit.com/r/gis | 2022-08-12
💪📦 Flexbox for react-three-fiberProject mention: Ask HN: Frameworks for game-style UI with WebGL? | news.ycombinator.com | 2022-08-12
I think you can do a lot of this with [React-three-fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/intro...) in combination with [React-three-flex](https://github.com/pmndrs/react-three-flex). React-three-fiber lets you make three.js components in react, and react-three-flex will let you do flexbox style layouts to make interesting UIs. You still get all of the capabilities of three.js with a lot of the plumbing done for you. Check out the examples from react-three-flex for some examples close to what it sounds like you want to achieve.
3D web map rendering engine written in TypeScript using three.js
Explore and Troubleshoot your WebGL scenes with ease.Project mention: What's your go to platform for developing with WebGPU? | reddit.com/r/webgpu | 2022-09-30
Create 3D web applications with HTML. Bring a new depth to your DOM!Project mention: A couple of cards that I made with HTML/CSS | reddit.com/r/magicTCG | 2022-02-06
This is awesome. We could totally turn this into a playable untap.in competitor using websockets and a framework like React/Solid or LUME
📬 postprocessing for react-three-fiberProject mention: Migrating my Gatsby MDX blog to AstroJS (and why you shouldn't) | dev.to | 2022-10-06
For the post processing I used @react-three/post-processing components, and to get the look just right I created a debug panel using Leva to adjust some values (like bokeh blur).
You can give https://github.com/donmccurdy/glTF-Transform a go.
Interactive, extendable street imagery map experiences in the browser, powered by WebGLProject mention: mapillary-js v5.0.0-alpha.2 released | reddit.com/r/GeoNe_ws | 2022-11-15
Extend Three.js standard materials with your own shaders!Project mention: Extending Shader Materials | reddit.com/r/r3f | 2022-08-02
Or there is a package made by someone: https://github.com/FarazzShaikh/THREE-CustomShaderMaterial
node-based WebGL design toolProject mention: Question for Building Such Types of Websites | reddit.com/r/webdev | 2022-11-19
Custom Vue 3 renderer for ThreeJS - https://docs.lunchboxjs.com/Project mention: Build 3D visuals in Vue with Lunchbox.js | dev.to | 2022-07-29
Lunchbox.js comes with several auto-generated, inbuilt geometry components, you can see the list of available components here.
A Typescript 3D library loosely based on three.jsProject mention: Clara.io Shutting Down | news.ycombinator.com | 2022-12-02
Fun fact, a lot of it is open source, just not where you would expect it. During the creation of Clara.io I created over 200 PRs to Three.js:
The problem with open sourcing it wholesale at this point is a challenge because parts of the tech stack became parts of Threekit.com. Threekit.com is VC funded and an ongoing business operation.
I do what I can with open source still, see:
A WebGPU engine.Project mention: DGEL: A WebGPU Engine | news.ycombinator.com | 2021-12-27
🎮 CSS 3D Shooter. https://yurkagon.github.io/Doom-Nukem-CSS/
A web port of Marble Blast Gold and Marble Blast Platinum.Project mention: I've run out of ideas, latest game I played was Quake (rule) | reddit.com/r/196 | 2022-05-08
Attempt to replicate the visuals of late 80s / early 90s flight simulatorsProject mention: Retro Flight Sim (with EGA, VGA and SVGA modes) | reddit.com/r/WebGames | 2022-07-28
WebGL dunes demo
Explore Information as a 3D StructureProject mention: plurid'? | reddit.com/r/plurid | 2022-07-01
plurid' is an open-sourced software package to generate 3D user interfaces
Delete the most useless function ever: context switching.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.
TypeScript 3D related posts
Clara.io Shutting Down
4 projects | news.ycombinator.com | 2 Dec 2022
Question for Building Such Types of Websites
1 project | reddit.com/r/webdev | 19 Nov 2022
Created an interactive app of a damped pendulum and the phase portrait.
3 projects | reddit.com/r/Physics | 18 Nov 2022
Best front-end framework to pair with Electron for performance and bundle size
1 project | reddit.com/r/electronjs | 18 Nov 2022
Node-Based WebGL design tool
1 project | news.ycombinator.com | 17 Nov 2022
"Pixelate" a 3D object?
2 projects | reddit.com/r/TouchDesigner | 15 Nov 2022
Finishing a widget to play around with a client's logo, that will be added as an extra to the home page of their new website.
1 project | reddit.com/r/threejs | 14 Nov 2022
A note from our sponsor - InfluxDB
www.influxdata.com | 3 Dec 2022
What are some of the best open-source 3D projects in TypeScript? This list will help you: