A collection of WebGL and WebGPU frameworks and libraries

WebGL-WebGPU-frameworks-libraries.md

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries

Name	Stars	Last Commit	Description
three.js			JavaScript 3D library
stack.gl			an open software ecosystem for WebGL, built on top of browserify and npm.
PixiJS			Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
Pex			Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
Babylon.js			a complete JavaScript framework for building 3D games with HTML 5 and WebGL
Filament			Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
ClayGL			A WebGL graphic library helping you to build scalable Web3D applications
AwayJS			AwayJS is a graphics library for javascript written in typescript
SceneJS			An extensible WebGL-based engine for high-detail 3D visualisation
Blend4Web			a tool for interactive 3D visualization on the Internet
PlayCanvas			JavaScript game engine built on WebGL and WebVR
Turbulenz			Turbulenz is a modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.
Hilo3d			a WebGL Rendering Engine.
litescene			A WebGL 3D Engine library with component-based node hierarchy. Used by WebGLStudio.
Two.js			A renderer agnostic two-dimensional drawing api for the web.
webgl-operate			A TypeScript based WebGL rendering framework.
Rhodonite			Rhodonite Web3D Library in TypeScript
Zogra			A simple WebGL2 renderer.
Zea			high-performance, modular, and open-source 3D graphics engine SDK for supporting CAD and BIM models in web applications.
LayaAir			LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.

Toolkits and micro frameworks

Name	Stars	Last Commit	Description
regl			Fast functional WebGL
lightgl.js			A lightweight WebGL library
TWGL			A Tiny WebGL helper Library
p5.js			a new interpretation of Processing, not an emulation or port.
Four			a slightly higher level graphics API based on WebGL 1.0
TDL			TDL is a low-level library for WebGL apps (see TWGL)
KickJS			A WebGL game engine for modern web-browsers
nanogl			webgl micro framework
Alfrid			A WebGL tool set
Medium			Progressive WebGL toolkit for art
PicoGL.js			A minimal WebGL 2-only rendering library
O-GL			Minimal WebGL framework
mini-webgl			Mini toy WebGL library
phenomenon-px			The fastest way to create pixel shaders.
zen-3d			JavaScript 3D library.
GLOW			GLOW is a WebGL wrapper, which focuses on easy creation and use of shaders.
Helix			A Javascript 3D engine.
GrimoireJS			A WebGL framework for Web development.
litegl.js			Lightweight Javascript WebGL library for handling Context, Meshes, Textures and Shaders.
CraZyPG			lowlevel webgl2.0 library
GLBoost			A Useful WebGL Library for Small Turning
RedCube.js			WebGL2 rendering library.
RedGL2			RedGL - JavaScript 3D library
gi-voxels			WebGL Voxel Cone Tracing
artgl			TypeScript 3D framework. Building blocks & infrastructure for Web 3D application.
Squareroot.js			A 2d/3d engine for WebGL and Canvas rendering and animation
gl3			webgl helper library
wwg			Simple WebGL wrapper
glTips			Useful, cherry-pickable, and CC0 (public domain like) licensed WebGL routine code snippets.
dan-shari-gl			minimum webgl framework developed with TypeScript
hwoa-rang-gl			Lightweight WebGL Library written in Typescript
desenha			A barebones WebGL framework.
Tmp3D			A 3-D software renderer written from scratch in nothing but JavaScript
opusgl			A minimal rendering library.
feng3d			TypeScript 3D engine built on WebGL.

Path Tracing

Name	Stars	Last Commit	Description
Snelly			A system for physically-based SDF (signed distance field) pathtracing in WebGL
Ashes			WebGL2.0 3D Engine & ECS & RayTracing

Tools build on top of...

Name	Stars	Last Commit	Description
WhitestormJS			Super-fast 3D framework for Web Applications & Games. Based on Three.js
Phaser			Phaser is a fast, free, and fun open source HTML5 game framework. It uses a custom build of Pixi.js.
OSG.js			Javascript Implementation of OpenSceneGraph
Ammo.js			Direct port of the Bullet physics engine to JavaScript using Emscripten
gl-engine			an experimental ES6 WebGL engine built on stack.gl
GLAM			glam (GL A nd M arkup) is a declarative language for creating 3D web content.
potree			WebGL point cloud viewer for large datasets
plotly.js			Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library.
threeify			threeify is a Typescript 3D library loosely based on three.js.
ROYGBIV			A 3D engine for the Web
shree			lite three.js
Taro			A lightweight 3D game engine for the web.
Alien.js			Alien.js is a MVC design pattern for building single-page applications with ES modules and three.js, intended for developers who are interested in creating their own shaders.
gpu-io			A GPU-accelerated computing library for physics simulations and other mathematical calculations
enable3d			Standalone 3D Framework / Physics for three.js (using ammo.js) / 3D extension for Phaser 3

Maps and visualizations

Name	Stars	Last Commit	Description
Mapbox GL JS			Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL.
Deck.gl			WebGL based visualization layers
LumaGL			A JavaScript WebGL Framework for Data Visualization
Cesium			Open-source library for world-class 3D globes and maps.
xeogl			A data-driven 3D visualization engine on WebGL
PhiloGL			A WebGL Framework for Data Visualization, Creative Coding and Game Development
MathBox			Presentation-quality WebGL math graphing
VTK			Visualization Toolkit for the Web
Apache ECharts			A powerful, interactive charting and data visualization library for browser
Troika			A JavaScript framework for interactive 3D and 2D visualizations
@antv/g			A powerful rendering engine for AntV implemented with Canvas2D / SVG / WebGL / WebGPU.

VR

Name	Stars	Last Commit	Description
A-Frame			A web framework for building virtual reality experiences.
PlayCanvas			JavaScript game engine built on WebGL and WebVR

WebAssembly

Name	Stars	Last Commit	Description
GLAS			WebGL in WebAssembly with AssemblyScript
WebRays			Ray Tracing on the Web
mugl			Micro WebGL 2.0 3D Graphics Library for JavaScript and WebAssembly

WebGPU

Name	Stars	Last Commit	Description
RedGPU			RedGPU - Javascript webGPU Engine
sokol			3D-API wrapper
wgpu			Native WebGPU implementation based on gfx-hal
dawn			Dawn, a WebGPU implementation
dgel			A WebGPU engine.
YUE			Personal WebGPU based 3D renderer.
Simple-GPU			Functional WebGPU.
Vello			An experimental GPU compute-centric 2D renderer.

Missing PlayCanvas which has MIT open source engine and collaborative tools in a cloud. Not many engines have tools. And does VR. And is used commercially for visualizations, product customizers, games, ads, and many other things.

Missing Blend4Web as well.

Turbulenz.

But list has loads of libs that actually not in development anymore, which probably worth reconsidering.

I have updated the gist to reflect the non-exhaustive and not maintained aspects of it.

Saw this today https://github.com/shawn0326/zen-3d, another framework for the list 👍

@terkelg The never ending list 🤔 Keep them coming, there is much to learn!

I think Verge3D is a good candidate to be included in the list as well ))
* [Verge3D](https://www.soft8soft.com/verge3d/): a WebGL-based engine for creating 3D configurators, online stores, 3D presentations, e-learning applications and games.

p5.js?

Also X3DOM is missing

Note that lightGL and sceneJS are not longer maintained.

Sources:

• for lightGL;
• for sceneJS.

Also it could be useful to add the library minified size. If interested, I started a work here:

• lightGL: 30ko;
• Babylon: 2.2mo;
• three.js: 543ko
• scene.js: 708ko;
• twgl: 140ko
• regl: 507ko
• clayGL: 494ko
• fourJS: 183ko
• mini-webGL: 93ko
• GLOW: 77ko
• helixJS: 629ko
• oGL: 6ko (core) / 17ko (total);
• Zen3D: 181ko

GLOW is dead. Its homepage (the main link on the page this page links to) is for sale.

Add this one =) https://www.martin-laxenaire.fr/libs/curtainsjs/ nice for fullscreen animations with glsl

Potree - point cloud visualization

RaptorEngine - An browser based WebGL Engine (With node based material editor) is missing.

Node based Material Editor: https://www.youtube.com/watch?v=l7oOLKeDGCs , https://www.youtube.com/watch?v=GjqOE0suK14

Github: https://github.com/kajdijkstra/RaptorEngine

There is plotly js (charting library) which supports WebGL for scatter plots (scattergl): https://plot.ly/javascript/webgl-vs-svg/

Here is also https://two.js.org/

Hello.
I use CreateJS . I had chosen it for high levels function that look like Java AWT (I converted some old project from Java to JS), and this project was supported by Adobe and Microsoft. But there are not updates since 2 or 3 years. Why ??
What is the best library nowadays ? I see Konva but now I am not sure, I want to find a famous project supported buy a large communauty.
Please help me !

Are you know any rich good UI Components Library based on WebGL?

I found only declined one: DreemGL

https://kitware.github.io/vtk-js/docs/index.html

data viz: echarts？

What about COCOS? It supports 3D as well now

https://ptsjs.org/

Hi, please do include LightningChart JS.

It is a data visualization library that utilizes WebGL, similar like already mentioned ECharts, except that it heavily focuses real-time data inputs and large data sets.

Hi, you can also include WebRays - a GPU-accelerated ray intersection engine for the World Wide Web. It aims to offer a flexible and easy-to-use programming interface for robust and high-performance ray intersection tests on modern browsers.

https://github.com/phasmatic3d/webrays

A gentle introduction to the library (design considerations, best practices, and usage examples for several ray tracing tasks) is recently published at Nvidia's Ray Tracing Gems 2 book: https://link.springer.com/chapter/10.1007/978-1-4842-7185-8_18

Hello @dmnsgn!

I took a liberty and formatted your list as table, with entries sorted alphabetically and augmented with stars and last commit badges, like this:

name	stars	last commit	description
PixiJS			Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback

Feel free to update your gist from mine if you find any added value in it, I'll delete mine if you do so.

[deleted]

@mitsukuri thanks for your contribution, I have updated with slight modification.

@dmnsgn My pleasure!

Found a typo in GLAM's description: GL A nd M arkup -> GL And Markup

mapboxgl

@dmnsgn

| [feng3d](https://github.com/feng3d-labs/feng3d)                   | ![GitHub Repo stars](https://img.shields.io/github/stars/feng3d-labs/feng3d)          | ![GitHub last commit](https://img.shields.io/github/last-commit/feng3d-labs/feng3d)          | TypeScript 3D  engine built on WebGL.  |

| feng3d | | | TypeScript 3D engine built on WebGL. |