Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev. Learn more →
Top 23 TypeScript Webgl Projects
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
PixiJS (MIT/TypeScript) https://github.com/pixijs/pixijs
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
-
Project mention: Fix memory leak in cursor blink state manager | /r/programmingcirclejerk | 2023-09-09
-
-
I use this heavily https://visgl.github.io/react-map-gl/ and it's amazing for building complex maps with rich overlays, but you won't get a search box for countries out of the box.
-
Project mention: Protomaps – A free and open source map of the world | news.ycombinator.com | 2023-10-23
(.shp .gpkg ...) | ogr2ogr -> .geojson | tippecanoe -> .pmtiles
for OpenStreetMap data there's planetiler[4], and and openmaptiles[5] styles that work with Maplibre
with those combinations you've got a great start to something you can host for pennies on AWS S3+CloudFront or Cloudflare R2, with an open source data pipeline
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
-
Project mention: Speeding up the JavaScript ecosystem – Polyfills gone rogue | news.ycombinator.com | 2023-09-21
Glad to hear you like it! Those flame graph screenshots are taken from https://www.speedscope.app/ .
-
-
-
umbrella
⛱ Broadly scoped ecosystem & mono-repository of 185 TypeScript projects (and 147 examples) for general purpose, functional, data driven development
Project mention: I made a typescript library similar to Immer but ~20 times faster and with zero-runtime freezing | /r/javascript | 2023-01-10 -
-
-
The project is Lume, working towards a 1.0 release. Lume provides a set of HTML elements for 3D rendering, built on three.js for rendering, with a system for defining new custom HTML elements with reactivity and templating powered by Solid.js.
-
gpu-io
A GPU-accelerated computing library for running physics simulations and other GPGPU computations in a web browser.
-
In readme[0] small footprint named as an advantage instead:
> Design goals
> ≤ 100MB memory footprint
-
Look at https://terria.io TERRIAJS (FORK of cesium and leaflet) It has split /swipe And supports GLB 3d models and 3dtiles and ASSIMP and 3D geospatial data like 3d KML & CZML plus online mapping services.
-
detect-gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Project mention: Does anyone know how to make a website that has both a standard and experience and a more fun, three.js 3D experience that can be toggled between by pressing a button? | /r/threejs | 2023-03-24It's not really what you're asking, but I made both https://www.tentacular.com/ and https://www.stickittothestickman.com/ with a non-three-js fallback using detect-gpu (through drei).
-
By the way, Vue does this very often: - https://www.vuemail.net/ is a port of https://react.email/ - https://tresjs.org/ is a port of https://threejs.org/ etc etc.
-
similiar t-SNE visualisation just for papers:
https://static.nomic.ai/pubmed.html
using Nomic Ai deepscatter
-
-
Project mention: Pixi3D – 3D rendering library for the web. Built on top of PixiJS | news.ycombinator.com | 2022-12-21
The readme describes some options you have for combining 2D and 3D.[1]
It seems you can either have 3D and 2D on top each other (without transformations applying to both) or include a 3D sprite in 2D. I guess that means 2D and 3D are generally not composed together but separately.
-
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
TypeScript Webgl related posts
- how can I convert a 3D model into an SDF, a signed distance field
- Tesla shares 48V architecture with other automakers to move the industry
- I have no clue why I'm missing
- Show HN: Simulate 3D Plants in the Browser
- Simulate 3D Plants in the Browser
- ThreeJS capabilities
- Show HN: Simulate 3D Plants in the Browser
-
A note from our sponsor - Onboard AI
getonboard.dev | 9 Dec 2023
Index
What are some of the best open-source Webgl projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | PixiJS | 41,428 |
2 | BabylonJS | 21,750 |
3 | tfjs | 17,832 |
4 | xterm.js | 15,977 |
5 | G2 | 11,841 |
6 | react-map-gl | 7,411 |
7 | maplibre-gl-js | 5,156 |
8 | speedscope | 4,838 |
9 | trois | 3,866 |
10 | L7 | 3,328 |
11 | umbrella | 3,091 |
12 | ipyvolume | 1,887 |
13 | Spector.js | 1,164 |
14 | lume | 1,140 |
15 | gpu-io | 1,132 |
16 | lofi | 1,093 |
17 | terriajs | 1,068 |
18 | detect-gpu | 950 |
19 | tres | 907 |
20 | deepscatter | 897 |
21 | filters | 827 |
22 | pixi3d | 693 |
23 | cosmos | 688 |