WebGL

WebGL - OpenGL ES for the Web

sjfricke/awesome-webgl

WebGL2 Fundamentals

WebGL2Fundamentals WebGL State Diagram

The Book of Shaders

Learn WebGL - LearnWebGL

Maxime Euzière

Three.js

three.js - JavaScript 3D library

Three.js Fundamentals

Domenicobrz/Blurry

vaneenige/THREE.Phenomenon

vaneenige/phenomenon

vaneenige/scroll-transitions-webgl

Babylon.js

Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best

Spector.js demos & documentation

BabylonJS/Spector.js

Debugging WebGL with SpectorJS

Libraries

TWGL.js, a tiny WebGL helper library

regl-project/regl

glslify/glslify

xeokit - 3D Web Programming Toolkit for BIM and Engineering Visualization

xeokit/xeokit-sdk

xeogl - WebGL-based 3D visualization engine

PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development

senchalabs/philogl

jagenjo/litegl.js

jagenjo/litescene.js

WhitestormJS/whs.js

playcanvas/engine

halvves/shader-doodle

strangerintheq/rgba

Shader Toy - Visual Studio Marketplace

actarian/glsl-canvas

glsl-canvas - Visual Studio Marketplace

VEDA - VJ app for Atom #VEDAJS #GLSL

Maxime Euzière

webglinsights.com

Experiments with Google

Little Workshop - WebGL Development & Creative Services

bradley/Blotter

pex-gl/pex-context

pex-gl/pex-renderer

HugoDaniel/shader_canvas

WebGL Overview - The Khronos Group Inc

Khronos WebGL API Registry - The Khronos Group Inc

WebGL 2.0 Specification

OpenGL ES Overview - The Khronos Group Inc

Khronos OpenGL ES Registry - The Khronos Group Inc

WebGL Public Wiki

The OpenGL ES Shading Language - GLSL_ES_Specification_3.00.pdf

12.1 - WebGL Shader Language — LearnWebGL

Image Editor Effects

alaingalvan/image-editor-effects: 💎 A WebGL example of image adjustment / effects shaders found in Photoshop, other image editors and game engines.

Townscaper’s rendering style in WebGL - reindernijhoff.net

CesiumGS/cesium: An open-source JavaScript library for world-class 3D globes and maps

KhronosGroup/glTF-Sample-Viewer: Physically-Based Rendering in glTF 2.0 using WebGL

magcius/gfxrlz: Low-level graphics for the web

A GPU Approach to Conway’s Game of Life

Hexells – Self-Organising System of Cells Drawing Textures [WebGL] | Hacker News

vis.gl - OpenJS Foundation

Frameworks of vis.gl

visgl/deck.gl: WebGL2 powered visualization framework

Examples | luma.gl

visgl/luma.gl: High-performance Toolkit for WebGL-based Data Visualization

visgl/hubble.gl: A client-side JavaScript library for animating data visualizations and rendering videos.

regl-project/regl: 👑 Functional WebGL

regl/API.md at gh-pages · regl-project/regl · GitHub

glslify/glslify: :sparkles: A node.js-style module system for GLSL!

stackgl/packages: :package: A list of packages that fall under the stack.gl umbrella

stackgl/gl-shader: 🎁 WebGL shader wrapper

stackgl/gl-mat4: gl-matrix’s mat4, split into smaller pieces

stackgl/gl-vec3: gl-matrix’s vec3, split into smaller pieces

WebGL Tutorials

WebGL model view projection - Web APIs | MDN

mdn-webgl/matrices.js at master · gregtatum/mdn-webgl · GitHub

humbletim/glm-js: JavaScript adaptation of the OpenGL Mathematics (GLM) C++ library interfaces.

GitHub - akira-cn/babel-plugin-transform-gl-matrix: A babel plugin for gl-matrix.

toji/gl-matrix: Javascript Matrix and Vector library for High Performance WebGL apps

Introduction to Computer Graphics, Section 7.1 – Transformations in 3D

reaviz/reagraph: 🕸 WebGL Graph Visualizations for React. Maintained by @goodcodeus.

Docs / Intro - Docs ⋅ Storybook

reaviz/reaflow: 🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.

Docs / Introduction - Docs ⋅ Storybook

nytimes/rd-bundler-3d-plugins: Bundler plugins for optimizing glTF 3D models

charlieroberts/gibber.graphics.lib: Standalone 2D / 3D graphics library for Gibber

charlieroberts/marching: A JavaScript library that compiles GLSL ray marchers.

marching.js playground

Documentation: WebGi SDK | WebGi SDK

ValeriaVG/pixel-vg: WebGL Pixel Editor

strangerintheq/rgba: tiny fragment shader tool just for my CodePen examples

oframe/ogl: Minimal WebGL Library

TWGL.js, a tiny WebGL helper library

twgl.js/src at master · greggman/twgl.js · GitHub

plepers/nanogl: webgl micro framework

tsherif/picogl.js: A minimal WebGL 2 rendering library

shawn0326/zen-3d: JavaScript 3D library.

jagenjo/litescene.js: A WebGL 3D Engine library with component-based node hierarchy. Used by WebGLStudio

jagenjo/rendeer.js: Light-weight 3D Scene graph library with renderer in WebGL

jagenjo/litegl.js: Lightweight Javascript WebGL library for handling Context, Meshes, Textures and Shaders. Relies on glMatrix 2.0, very easy to use.

evanw/lightgl.js: A lightweight WebGL library

cscheid/lux: Lux is an EDSL for WebGL graphics and shading

emadurandal/GLBoost: A Useful WebGL Library for Small Turning (Outdated, Deprecated to use)

actnwit/RhodoniteTS: Rhodonite Web3D Library in TypeScript

Act and Wit, Inc.

actnwit/shaderity: A useful shader toolset

actnwit/shaderity-graph

Reon90/redcube: JS renderer based on GLTF to WebGPU or WebGL backends.

yiwenl/Alfrid: A WebGL tool set.

redcamel/RedGL2: RedGL - Javascript 3D library (webgl)

drojdjou/squareroot.js: A Javascript creative coding library

michaeldll/desenha: A barebones WebGL framework.

emre-aki/tmp3d: A 3-D software renderer written from scratch in nothing but JavaScript

feng3d-labs/feng3d: 基于WebGL的3D游戏引擎

google/swissgl: SwissGL is a minimalistic wrapper on top of WebGL2 JS API. It’s designed to reduce the amount of boilerplate code required to manage GLSL shaders, textures and framebuffers when making procedural visualizations or simulations.

google/filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS, and WebGL2

pissang/claygl: A WebGL graphic library for building scalable Web3D applications

hiloteam/Hilo3d: 🎮 A 3D WebGL Rendering Engine developed by Alibaba Group

jonobr1/two.js: A renderer agnostic two-dimensional drawing api for the web.

cginternals/webgl-operate: A TypeScript based WebGL rendering framework.

SardineFish/zogra-renderer: A simple WebGL2 renderer.

layabox/LayaAir: LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.LayaAir support TypeScript and JavaScript、ActionScript 3.0 programming language.Can develop once, publish for multi platform.

Comparison of every WebGL libraries with rendering basic primitives. - Qiita

A collection of WebGL and WebGPU frameworks and libraries

Language Model Sketchbook, or Why I Hate Chatbots

Malleable software in the age of LLMs