TypeScript 3D

Open-source TypeScript projects categorized as 3D

Top 23 TypeScript 3D Projects

  • react-three-fiber

    🇨🇭 A React renderer for Three.js

    Project 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.

  • BabylonJS

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    Project mention: I'm wanting to get into 2D animation. What are the best tools on linux? | reddit.com/r/synfig | 2022-11-09

    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/

  • Scout APM

    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 🚀.

  • model-viewer

    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
  • trois

    ✨ 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.

  • L7

    🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis engine

    Project mention: Any GIS developers here? | reddit.com/r/gis | 2022-08-12

    I use Javascript do geospatial data visualization. I recommend learning GIS development through open source。 an open source spatial data visualization engine L7 https://github.com/antvis/L7 welcome star

  • react-three-flex

    💪📦 Flexbox for react-three-fiber

    Project 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.

  • harp.gl

    3D web map rendering engine written in TypeScript using three.js

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • Spector.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
  • lume

    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

  • react-postprocessing

    📬 postprocessing for react-three-fiber

    Project 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).

  • glTF-Transform

    glTF 2.0 SDK for JavaScript, TypeScript, and Node.js.

    Project mention: Decreasing .glb file size | reddit.com/r/threejs | 2022-02-10

    You can give https://github.com/donmccurdy/glTF-Transform a go.

  • mapillary-js

    Interactive, extendable street imagery map experiences in the browser, powered by WebGL

    Project mention: mapillary-js v5.0.0-alpha.2 released | reddit.com/r/GeoNe_ws | 2022-11-15
  • THREE-CustomShaderMaterial

    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

  • polygonjs

    node-based WebGL design tool

    Project mention: Question for Building Such Types of Websites | reddit.com/r/webdev | 2022-11-19

    You may also be interested in polygonjs (I'm the author), which gives you a node-based editor to create 3D javascript experiences like this. It exports to react, vue, vanilla js, webflow and more.

  • lba2remake

    A Little Big Adventure 2 / Twinsen's Odyssey reimplementation in JavaScript / Three.js / React

  • lunchboxjs

    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.

  • threeify

    A Typescript 3D library loosely based on three.js

    Project 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:

    https://github.com/mrdoob/three.js/pulls?q=is%3Apr+author%3A...

    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:

    https://github.com/bhouston/behave-graph

    https://github.com/threeify/threeify

  • dgel

    A WebGPU engine.

    Project mention: DGEL: A WebGPU Engine | news.ycombinator.com | 2021-12-27
  • Doom-Nukem-CSS

    🎮 CSS 3D Shooter. https://yurkagon.github.io/Doom-Nukem-CSS/

  • MarbleBlast

    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
  • retroflightsim

    Attempt to replicate the visuals of late 80s / early 90s flight simulators

    Project mention: Retro Flight Sim (with EGA, VGA and SVGA modes) | reddit.com/r/WebGames | 2022-07-28
  • webgl-dunes

    WebGL dunes demo

  • plurid

    Explore Information as a 3D Structure

    Project mention: plurid'? | reddit.com/r/plurid | 2022-07-01

    plurid' is an open-sourced software package to generate 3D user interfaces

  • Zigi

    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%.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-12-02.

TypeScript 3D related posts

Index

What are some of the best open-source 3D projects in TypeScript? This list will help you:

Project Stars
1 react-three-fiber 20,541
2 BabylonJS 18,848
3 model-viewer 5,065
4 trois 3,022
5 L7 2,919
6 react-three-flex 1,424
7 harp.gl 1,219
8 Spector.js 958
9 lume 869
10 react-postprocessing 713
11 glTF-Transform 670
12 mapillary-js 351
13 THREE-CustomShaderMaterial 286
14 polygonjs 245
15 lba2remake 214
16 lunchboxjs 194
17 threeify 145
18 dgel 139
19 Doom-Nukem-CSS 87
20 MarbleBlast 71
21 retroflightsim 70
22 webgl-dunes 28
23 plurid 19
Build time-series-based applications quickly and at scale.
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.
www.influxdata.com