Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-webgl

A curated list of awesome WebGL libraries, resources and much more
https://github.com/sjfricke/awesome-webgl

Last synced: 4 days ago
JSON representation

    • Others

      • gamedev - Awesome list about game development.
      • awesome-opengl - Curated list of awesome OpenGL libraries, debuggers and resources. Inspired by awesome-... stuff.
      • awesome-vulkan - Curated list of awesome Vulkan projects and ecosystem.
      • awesome - Curated list of awesome lists.
      • graphics-resources - List of graphic programming resources.
      • glTF - Runtime 3D Asset Delivery designed for the web.

  • Community

  • Libraries

    • WebVR

      • A-Frame - Web framework for building virtual reality experiences.
      • LÖVR - Simple framework for creating VR with Lua.
      • Hologram - Desktop app that let you create and prototype WebVR in interactive way needing no previous coding knowledge.
      • React 360 - Build VR websites and interactive 360 experiences with React.
      • Awesome-AFrame
      • React 360 - Build VR websites and interactive 360 experiences with React.

    • 2D

      • Phaser - Open source HTML5 2D game framework for Canvas and WebGL, supports mobile web browsers.
      • p2.js - 2D rigid body physics engine written in JavaScript.
      • Stage.js - 2D Library for cross-platform HTML5 game development.

    • Others

      • PlayCanvas - Game engine platform to build interactive experiences.
      • ClayGL - WebGL graphic Library for building scalable Web3D applications.
      • Babylon.js - Complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio.
      • Three.js - Aimed to create an easy to use, lightweight, 3D library.
      • Verge3D - an artist-friendly toolkit for creating 3D web experiences.
      • Blend4Web - Tool for interactive 3D visualization on the Internet.
      • CopperLicht - JavaScript library and WebGL 3D engine for creating games and 3D applications.
      • GLGE - Javascript library intended to ease the use of WebGL.
      • Regl - Light declarative and stateless library, functional abstraction for WebGL.
      • Scene.js - Extensible WebGL-based engine for high-detail 3D visualisation.
      • Whitestorm.js - Framework for developing 3D web apps with physics.
      • Turbulenz - Modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.
      • Lightgl.js - Lightweight and explict library to help prototype.
      • Pocket.gl - Fully customizable webgl shader sandbox to embed in your pages.
      • ClayGL - WebGL graphic Library for building scalable Web3D applications.
      • Regl - Light declarative and stateless library, functional abstraction for WebGL.
      • OSG.js - WebGL framework based on OpenSceneGraph concepts to interact with WebGL.
      • Pex-gl - JavaScript libraries for computational thinking in Plask/Node.js and WebGL.
      • Scene.js - Extensible WebGL-based engine for high-detail 3D visualisation.
      • Pex-gl - JavaScript libraries for computational thinking in Plask/Node.js and WebGL.

    • Compute (GPGPU)

      • GammaCV - WebGL accelerated Computer Vision library for browser.
      • Phenomenon - Very small, low-level WebGL library that provides the essentials to deliver a high performance experience.

    • Maps and Visualizations

      • Luma.gl - WebGL2 powered framework for GPU-powered data visualization and computation.
      • xeogl - Data-driven 3D visualization engine on WebGL.
      • Deck.gl - WebGL overlay suite for React providing a set of highly performant data visualization overlays.
      • xeokit - Web Graphics SDK for AEC/BIM applications with 3D-tiles, real-world coordinates and double precision.
      • MapMetrics GL - Mapbox GL JS-compatible mapping library with built-in vector tiles, geocoding, routing, and search.

    • Math

      • glMatrix - Javascript matrix and vector library for high performance WebGL apps.
      • Sylvester - Sylvester is a vector, matrix and geometry library for JavaScript.
      • TWGL - Sole purpose is to make using the WebGL API less verbose.
      • Sylvester - Sylvester is a vector, matrix and geometry library for JavaScript.
      • TWGL - Sole purpose is to make using the WebGL API less verbose.

    • Rendering

      • GrimoireGL - Bridge between Web engineers and CG engineers.
      • Hilo3d - WebGL rendering engine for 3D games.
      • GLBoost - Rendering library for 3D graphic geeks.

    • Physics

      • Cannon.js - Lightweight and simple 3D physics engine for the web.
      • Cannon.js - Lightweight and simple 3D physics engine for the web.
      • Ammo.js - Direct port of the Bullet physics engine to JavaScript using Emscripten.

    • WebGL 2

      • PicoGL.js - Minimal WebGL 2-only rendering library.

  • WebGL 2

  • WebGL

    • Tutorials

      • The Book of Shaders - Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.
      • WebGL Fundamentals - Series of online tutorials with code samples and live demonstrations.
      • WebGL Academy - Simplified online IDE with automatic indentation, syntax highlighting for HTML, Javascript, GLSL and Python. You can run your code and download your projects.
      • WebGL Workshop - Interactive workshop to get you up and running with WebGL.
      • Learn WebGL - Tutorials Point set of article to get you familiar with WebGL terms.
      • Directional Shadow Mapping - Concepts behind real time directional light shadow mapping.
      • Get Started Tutorial - Khronos' tutorial how to get up and running with WebGL.
      • Getting Started with WebGL - Mozilla Foundation guide to getting started with WebGL.
      • Learning WebGL - Tutorials from the author of _WebGL Up and Running_.
      • Multitexturing using a Blendmap - How to use a blendmap to multitexture a terrain.
      • Particle Effects via Billboards - Create particle effects by applying a technique called billboarding.
      • WebGL Workshop - Interactive workshop to get you up and running with WebGL.
      • WebGL Academy - Simplified online IDE with automatic indentation, syntax highlighting for HTML, Javascript, GLSL and Python. You can run your code and download your projects.
      • Learning WebGL - Tutorials from the author of _WebGL Up and Running_.

    • References

    • Tools/Debugging

      • Spector.js - Agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes.
      • WebGL Report - Way to view the details of what your browser supports for WebGL.
      • WebGL Support Stats - Interactive dashboard showing the support for WebGL features in different browsers and devices.
      • Web Tracing Framework - Set of libraries, tools, and visualizers for the tracing and investigation of complex web applications.
      • Spector.js Extension - Explore and Troubleshoot your WebGL and WebGL2 scenes easily.
      • Canvas Debugger - Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders.
      • Firefox Developer Tools - The official list of all of Firefox's debugger tools.
      • Shader Editor - Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders.
      • Khronos Dev Tools - Useful WebGL developer tools, intended to be used as an ES6 module.
      • GLSL Shader Editor Extension - Chrome DevTools extension to help you edit shaders live in the browser.
      • Webgl Insight - Chrome extension WebGL debugging toolkit providing a variety of capabilities.
      • WebGL Inspector - Tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier.
      • WebGl Playground - The editor lets you work on the JavaScript code and the GLSL vertex/fragment shaders (if you have any) at the same time in a convenient way. Everything is organized, formatted and highlighted properly, just as you would like.
      • WebGL Texture Tester - Attempts to load one of every texture format supported by WebGL, intended to quickly show which formats your browser/device supports.
      • Web Tracing Framework - Set of libraries, tools, and visualizers for the tracing and investigation of complex web applications.
      • WebGL Inspector - Tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier.
      • WebGl Playground - The editor lets you work on the JavaScript code and the GLSL vertex/fragment shaders (if you have any) at the same time in a convenient way. Everything is organized, formatted and highlighted properly, just as you would like.
      • WebGL Texture Tester - Attempts to load one of every texture format supported by WebGL, intended to quickly show which formats your browser/device supports.

    • Bug Reporting

    • Articles

    • Blog Series

    • Books

      • Interactive Computer Graphics: A Top-Down Approach with WebGL - Suitable for undergraduate students in computer science and engineering, for students in other disciplines who have good programming skills, and for professionals interested in computer animation and graphics using the latest version of WebGL.
      • Professional WebGL Programming - Everything you need to know about developing hardware-accelerated 3D graphics with WebGL.
      • Programming 3D Applications with HTML5 and WebGL - Create high-performance, visually stunning 3D applications for the Web, using HTML5 and related technologies such as CSS3 and WebGL—the emerging web graphics standard.
      • WebGL Beginner's guide - For JavaScript developer who wants to take the plunge into 3D web development via WebGL.
      • WebGL Hotshot - For web designer looking to expand your knowledge of 3D graphics concepts and broaden your existing skill set.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • Book's Personal Site
      • WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL - WebGL Programming Guide will help you get started quickly with interactive WebGL 3D programming, even if you have no prior knowledge of HTML5, JavaScript, 3D graphics, mathematics, or OpenGL.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • Book's Personal Site
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
      • WebGL Insights - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.

    • GLSL Editors

    • Talks

    • Videos

  • WebVR

  • Testing

Programming Languages
JavaScript 10 HTML 3 TypeScript 2 Ruby 1 Bikeshed 1 C++ 1 Markdown 1
Categories
WebGL 124 Libraries 48 WebGL 2 20 Community 15 WebVR 8 Related lists 6 License 2 Testing 1
Sub Categories
Others 44 Books 43 References 21 Tutorials 19 Tools/Debugging 18 GLSL Editors 15 Articles 12 Blog Series 9 Videos 8 WebVR 6 Maps and Visualizations 5 Math 5 Bug Reporting 4 Physics 3 2D 3 Rendering 3 Compute (GPGPU) 2 Talks 2 Platforms 1 WebGL 2 1
Keywords
webgl 5 awesome 4 awesome-list 3 javascript 3 opengl 2 virtual-reality 2 lists 2 game-development 2 rendering 2 3d 2 physics-engine 2 gamedev 2 opengl-tutorial 1 video-tutorial 1 amd 1 arm 1 khronos 1 nvidia 1 qualcomm 1 vulkan 1 vulkan-api 1 vulkan-libraries 1 resources 1 art 1 board-games 1 curated 1 design 1 frameworks 1 game-design 1 game-engine 1 game-jam 1 game-programming 1 games 1 list 1 computer-graphics 1 glsl-editors 1 graphics-pipeline 1 opengl-library 1 tool 1 travis-ci 1 verify 1 chrome-devtools-extension 1 glsl 1 google-chrome 1 shader-editor 1 gpu 1 low-level 1 particles 1 shaders 1 3d-rendering 1