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: 3JS Job Market | /r/threejs | 2023-06-05

    this is perfect then. a large part of the threejs userbase is using https://github.com/pmndrs/react-three-fiber (roughly 1/4, and growing) and this is also where you find lots of job opportunities. fiber has a vast eco system, but if you can pair this with your knowledge of shaders you'll find a job tomorrow if you wanted.

  • BabylonJS

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

    Project mention: Not only Unity... | /r/opensourcegames | 2023-11-11
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • model-viewer

    Easily display interactive 3D models on the web and in AR!

    Project mention: Would it be possible to implement this 3d model viewer into 3d tavern? | /r/SillyTavernAI | 2023-12-06

    I came across this after finding out about chatvrm https://modelviewer.dev and I was wondering if it would be possible to implement it into silly tavern or if anyone knows of similar extensions? I might try it myself but I really have no idea what I am doing but it would be cool to add any video game character to it with animations for a more realistic rp experience.

  • trois

    ✨ ThreeJS + VueJS 3 + ViteJS ⚡

    Project mention: React, angular ili vue? | /r/programiranje | 2023-07-02
  • orillusion

    Orillusion is a pure Web3D rendering engine which is fully developed based on the WebGPU standard.

    Project mention: Building a Compute Bezier Quad Rasterizer with WebGPU | /r/webgpu | 2023-05-27

    I've been working on orillusion engine fork.

  • L7

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

  • armortools

    3D Content Creation Tools

    Project mention: Best practice workflow for importing objects from Blender to Unreal | /r/unrealengine | 2023-08-13

    A lot of people use Substance Painter (or other tools - thinking of trying out Armor Paint at some point) to make the textures separately after making the mesh and UVs in Blender. It's definitely possible to do texturing and so on within Blender as well, but I personally haven't found a good workflow for this yet for producing high-quality results.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • react-three-flex

    💪📦 Flexbox for react-three-fiber

  • Spector.js

    Explore and Troubleshoot your WebGL scenes with ease.

  • lume

    Create 3D web applications with HTML. Bring a new depth to your DOM! (by lume)

    Project mention: Lume: Create 3D web applications with HTML | news.ycombinator.com | 2024-01-15
  • glTF-Transform

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

    Project mention: Will the same texture used in many gltfs be duplicated in memory? | /r/threejs | 2023-03-30

    and https://gltf-transform.donmccurdy.com/

  • pixi3d

    The 3D renderer for PixiJS. Seamless integration with 2D applications.

  • THREE-CustomShaderMaterial

    Extend Three.js standard materials with your own shaders!

  • 3d-bat

    3D Bounding Box Annotation Tool (3D-BAT) Point cloud and Image Labeling

  • streets-gl

    🗺 OpenStreetMap 3D renderer powered by WebGL2

    Project mention: 3D OpenStreetMap | news.ycombinator.com | 2023-06-11
  • polygonjs

    node-based WebGL design tool

    Project mention: On the importance to make games during the game engine's development | news.ycombinator.com | 2024-02-27

    That's the path I took with Polygonjs ( https://polygonjs.com ), and a game I've just released ( https://polyreplay.com/minesweepertwist ), with more coming shortly.

    But it didn't start like that. It only started as a tool I could use to deliver client projects, as I was trying to become a freelance for interactive 3D scenes for the web.

    Project after project ( some examples here: https://polygon-lab.com/ ), I could improve Polygonjs. Then I found clients who would be interested enough to buy licenses, and would give valuable feedback which would help the project grow even more.

    And a few clients asking for not just interactive sites, but also games. This pushed Polygonjs further, and after several games released, it definitely qualifies as a game engine.

    So this is generally an advice I give to people who want to become freelancers. Build a tool that solves a problem in your space, as this gives you an edge, and you'll also get the chance to confront that tool to reality, which will help it - and you - grow. This becomes a virtuous circle very quickly.

  • SolidUI

    one sentence generates any graph

    Project mention: SolidUI Architectural Adjustment | news.ycombinator.com | 2023-10-10
  • react-tilt

    Parallax tilt hover effect for React JS 🪄

  • mapillary-js

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

    Project mention: mapillary-js v5.0.0-beta.0 released | /r/GeoNe_ws | 2023-06-06
  • 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/

  • threeify

    A Typescript 3D library loosely based on three.js

    Project mention: C++23: The Next C++ Standard | news.ycombinator.com | 2023-07-11

    As someone who has written math libraries over and over again for the last 25 years (no joke - wrote this in 1997: https://github.com/bhouston/BezierCurveDemo1997/blob/master/... and just recently wrote the Threeify math library: https://github.com/bhouston/threeify/tree/master/packages/ma...), I find that operator overloading works only for the simple cases but that for performance and clarify, function names work best.

    Function names let you clarify that it is an outside product or inside product (e.g. there are often different types of adds, multiplies, divides), and I can not stand when someone maps cross product onto ^ or dot product onto something else. Also operator overloading often doesn't make clear memory management, rather it replies on making new objects constantly, where as with function names, you can pass in a parameter that will take the result. Lastly, function names allow you to pass in how to handle various conditions, like non-invertible, NANs, etc.

    I find word based function more verbose but significant less error prone and also they are more performant. Operator overloading is only good for very simple code and even then people always push it too far so that I can not understand it.

  • dgel

    A WebGPU engine.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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 2024-02-27.

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 25,620
2 BabylonJS 22,221
3 model-viewer 6,439
4 trois 4,018
5 orillusion 3,689
6 L7 3,435
7 armortools 3,018
8 react-three-flex 1,602
9 Spector.js 1,227
10 lume 1,215
11 glTF-Transform 1,205
12 pixi3d 716
13 THREE-CustomShaderMaterial 681
14 3d-bat 556
15 streets-gl 536
16 polygonjs 528
17 SolidUI 512
18 react-tilt 422
19 mapillary-js 415
20 lba2remake 245
21 lunchboxjs 233
22 threeify 196
23 dgel 183
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com