TypeScript Webgl

Open-source TypeScript projects categorized as Webgl

Top 23 TypeScript Webgl Projects

  • PixiJS

    The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

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

    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.

    Project mention: Not only Unity... | /r/opensourcegames | 2023-11-11
  • 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.

  • tfjs

    A WebGL accelerated JavaScript library for training and deploying ML models.

    Project mention: PyTorch Primitives in WebGPU for the Browser | news.ycombinator.com | 2023-05-19
  • xterm.js

    A terminal for the web

    Project mention: Fix memory leak in cursor blink state manager | /r/programmingcirclejerk | 2023-09-09
  • G2

    📊 A concise and progressive visualization grammar.

  • react-map-gl

    React friendly API wrapper around MapboxGL JS

    Project mention: Library recommendations for an interactive world map | /r/reactjs | 2023-05-02

    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.

  • maplibre-gl-js

    MapLibre GL JS - Interactive vector tile maps in WebGL2

    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

    [1] https://maplibre.org/

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

  • speedscope

    🔬 A fast, interactive web-based viewer for performance profiles.

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

  • trois

    ✨ ThreeJS + VueJS 3 + ViteJS ⚡

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

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

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

    3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL

  • 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: HTML's Graphical 3D Future | dev.to | 2023-05-30

    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.

    Project mention: Share your CA/Alife programs for my students! | /r/cellular_automata | 2023-05-13
  • lofi

    🎵🔉 A mini Spotify player with WebGL visualizations.

    Project mention: Show HN: Lofi, a Tiny Spotify Player | news.ycombinator.com | 2023-03-08

    In readme[0] small footprint named as an advantage instead:

    > Design goals

    > ≤ 100MB memory footprint

    [0] https://github.com/dvx/lofi#design-goals

  • terriajs

    A library for building rich, web-based geospatial data platforms.

    Project mention: Swipe over/across two 3D models | /r/photogrammetry | 2023-07-08

    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-24

    It'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).

  • tres

    Declarative ThreeJS using Vue Components

    Project mention: Wow, shadcn-vue port is 99% identical to the shadcn React | /r/vuejs | 2023-10-24

    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.

  • deepscatter

    Zoomable, animated scatterplots in the browser that scales over a billion points

    Project mention: A Visual Book Recommender | news.ycombinator.com | 2023-04-27

    similiar t-SNE visualisation just for papers:


    using Nomic Ai deepscatter


  • filters

    Collection of community-authored custom display filters for PixiJS (by pixijs)

  • pixi3d

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

    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.

    [1]: https://github.com/jnsmalm/pixi3d#2d-and-3d

  • cosmos

    GPU-accelerated force graph layout and rendering (by cosmograph-org)

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

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 2023-11-11.

TypeScript Webgl related posts


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