APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product. Learn more →
Top 23 TypeScript Webgl Projects
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
If you're willing to do a bit more legwork, PixiJS [1] is also great at handling graphics (WebGL). It's what I used to build my animated jigsaw puzzle game [2].
[1] - https://pixijs.com
[2] - https://animated-puzzles.specr.net
-
AppSignal
Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
-
Project mention: Extending the Horizon Dashboard: Adding a UI to a Compiled Vue Bundle | dev.to | 2026-09-13
-
Project mention: Show HN: Jax-JS, array library in JavaScript targeting WebGPU | news.ycombinator.com | 2026-01-06
I don’t think tf.tidy() is a sound API under jvp/grad transformations, also it prevents you from using async which makes it incompatible with GPU backends (or blocks the page), a pretty big issue. https://github.com/tensorflow/tfjs/issues/5468
Thanks for the feedback though, just explaining how we arrived at this API. I hope you’d at least try it out — hopefully you will see when developing that the refs aren’t so difficult once you get used to them.
-
-
mapbox-gl-js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Mapbox GL JS takes vector tiles, a style, camera state, and your data layers, then renders the result through WebGL in the browser. The current release I reviewed is 3.26.0; the official repository describes it as a client-side renderer for Mapbox styles and vector tiles.
-
Built this last night and fixed a bug today. It's a proof-of-concept of how to render network graphs with Zed's (https://zed.dev/blog/gpui-2-on-preview) gpui library. I plan to turn this into a more general purpose component library somewhat following the style/API of Reactflow (https://reactflow.dev) and Sigma.js (https://www.sigmajs.org/)
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
Project mention: Friday Links #30 — JavaScript Updates, Tools, and Inspiration | dev.to | 2025-10-17
react-map-gl - React friendly API wrapper around MapboxGL JS
-
Project mention: From Terminal to Flame Graph: Exporting CPU Profiles From Production | dev.to | 2026-04-08
npm install -g node-loop-detective@1.4.0 # Profile and export loop-detective --save-profile ./profile.cpuprofile # Then open in your browser # Chrome DevTools → Performance → Load profile # Or drag into https://www.speedscope.app
-
Cobe for a polished visual globe;
-
-
umbrella
⛱ Broadly scoped ecosystem & mono-repository of 215 TypeScript projects (and ~185 examples) for general purpose, functional, data driven development
Project mention: Thi.ng – open-source building blocks for computational design and art | news.ycombinator.com | 2026-06-07 -
Project mention: Show HN: Prism.Tools – Free and privacy-focused developer utilities | news.ycombinator.com | 2026-01-06
https://shaders.paper.design/
Wanted to share this since we are talking about tools, I really like the mesh gradients
-
LayaAir
LayaAir is a fully platform rendering engine with rich 2D/3D rendering capabilities and a mature integrated development platform
-
VRM rendering & control: three-vrm (v3.0.0), Three.js
-
-
On web there is SpectorJS https://spector.babylonjs.com/
Which offers the basics, but at least works across devices, you can also trigger the traces from code and save the output, then load in the extension. Very useful for debugging mobile.
You can just about run chrome through Nvidias Nsight (of course you're not debugging webgl, but the what ever its translated to on the platform), although I recently tired again and it seems to fail...
these where the command line args i got nsight to pass chrome to make it work
-
Project mention: Write concise Custom Elements for React, Vue, Svelte, Solid, etc. Write once, use everywhere, type checked! | dev.to | 2026-01-12
Lume 3D HTML (The landing page, all of Lume's 3D elements, and the live code editors…
-
gpu-io
A GPU-accelerated computing library for running physics simulations and other GPGPU computations in a web browser.
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
TypeScript Webgl discussion
TypeScript Webgl related posts
-
Demystifying Mapbox Styles
-
From Terminal to Flame Graph: Exporting CPU Profiles From Production
-
Ask HN: Frameworks for 2D Browser Games?
-
Unlocking Mapbox GL JS's Hidden Field of View Control
-
Mapbox X Wix
-
Show HN: Jax-JS, array library in JavaScript targeting WebGPU
-
MapLibre GL JS - Enabling large number of moveable sprites
-
A note from our sponsor - AppSignal
www.appsignal.com | 6 Oct 2026
Index
What are some of the best open-source Webgl projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | PixiJS | 48,255 |
| 2 | BabylonJS | 26,128 |
| 3 | xterm.js | 21,251 |
| 4 | tfjs | 19,147 |
| 5 | G2 | 12,630 |
| 6 | mapbox-gl-js | 12,431 |
| 7 | sigma.js | 12,180 |
| 8 | supersplat | 10,295 |
| 9 | react-map-gl | 8,503 |
| 10 | speedscope | 6,764 |
| 11 | cobe | 5,928 |
| 12 | L7 | 4,069 |
| 13 | umbrella | 3,830 |
| 14 | shaders | 3,543 |
| 15 | LayaAir | 2,199 |
| 16 | three-vrm | 2,198 |
| 17 | ipyvolume | 1,963 |
| 18 | Spector.js | 1,619 |
| 19 | lume | 1,519 |
| 20 | gpu-io | 1,478 |
| 21 | react-postprocessing | 1,395 |
| 22 | terriajs | 1,365 |
| 23 | THREE-CustomShaderMaterial | 1,340 |
Sponsored
Monitoring that respects your time & budget
APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
www.appsignal.com