JavaScript Webgl

Open-source JavaScript projects categorized as Webgl

Top 23 JavaScript Webgl Projects

  • three.js

    JavaScript 3D Library.

  • Project mention: Implementing Bloom Effect with Mapbox and Three.js | | 2024-04-08

    Regarding the optimization of the effect, I found an issue on the three.js GitHub repository: The alpha channel issue seems to be a difficult problem, which has been present since 2018. At the end of the discussion, a solution proposed by a contributor is not to modify the UnrealBloomPass but to blend the source texture and target texture in the shader.

  • phaser

    Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

  • Project mention: Gamedev.js Jam 2024 start and theme announcement! | | 2024-04-13

    Gold : GitHub, Phaser Studio, Arcadia

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

  • Project mention: Build Your Own Uptime Monitor with MeteorJS + Fetch + Plotly.js ☄️🔭 | | 2024-03-08

    Plotly as our chart renderer

  • A-Frame

    :a: Web framework for building virtual reality experiences.

  • Project mention: El Prado Museum in Unprecedented Detail with New 360º Gigapixel Virtual Tour | | 2024-04-19
  • gpu.js

    GPU Accelerated JavaScript

  • Project mention: Deep Learning in JavaScript | | 2024-03-28

    You might already be familiar, but a GPU.js backend can provide some speedups via good old WebGL -- no need for WebGPU just yet!


  • WebGL-Fluid-Simulation

    Play with fluids in your browser (works even on mobile)

  • Project mention: That is some extremely impressive water physics, especialy for a place you only visit once. How did they do it? (MAJOR SPOILERS FOR 4.2 WORLD QUEST) | /r/Genshin_Impact | 2023-12-02

    It kinda reminds me of this fluid simulation website. The site is about a computer graphics technique that simulates the motion and appearance of fluids such as water, smoke or fire. You can use your mouse to move around the screen to see the simulation, also can change how the fluid simulation works by adjusting the sliders in the control panel next to it.

  • Cesium

    An open-source JavaScript library for world-class 3D globes and maps :earth_americas:

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • mapbox-gl-js

    Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

  • Project mention: Brave browser simplifies its fingerprinting protections | | 2024-01-22

    Good. Brave's fiddling with WebGL causes >50% of my bug reports from 1% of users.



  • engine

    Fast and lightweight JavaScript game engine built on WebGL and glTF

  • Project mention: Gamedev.js Jam 2024 start and theme announcement! | | 2024-04-13

    10 × PlayCanvas Personal plan for 12 months

  • two.js

    A renderer agnostic two-dimensional drawing api for the web.

  • Project mention: Show HN: A JavaScript library for data visualization in both SVG and Canvas | | 2024-04-11

    > DOM-like event bubbling

    This does sound very interesting. I started playing with for a browser game but the event system proved a challange. The typescript focus also looks promising. Will give it a try.

  • melonJS

    a fresh, modern & lightweight HTML5 game engine

  • Project mention: Babylon 6.0 | | 2023-04-20
  • regl

    👑 Functional WebGL

  • Project mention: What is your experience with JavaScript libraries for 3D graphics? | /r/webdev | 2023-06-08

    Author of Threlte here 👋 with two cents about Three.js: It's exceptionally well written in terms of rigid and consistent interfaces that allow frameworks such as Threlte to exist to make wrappers/renderers that are as slim as possible. This is due to it being strictly OO but definitely something i would make top priority when creating a new 3D library. Personally I find regl also very interesting with a completely different approach than Babylon or Three.js.

  • Keras.js

    Run Keras models in the browser, with GPU support using WebGL

  • pannellum

    Pannellum is a lightweight, free, and open source panorama viewer for the web.

  • Project mention: free virtual tour software | /r/360Cameras | 2023-05-23

    Unity tour template should probably cover a 6 (I haven't used it yet, it's on my projects que to test out). I also have Pannellum qued, but since I haven't developed with it yet I don't know how easy it is to work with. I built my own tour using the insideout shader, but it had major glitches, so I don't recommend making it from scratch unless you're already good at software dev and have time to troubleshoot.

  • vizceral

    WebGL visualization for displaying animated traffic graphs

  • VivaGraphJS

    Graph drawing library for JavaScript

  • matrix

    matrix (web-based green code rain, made with love)

  • Project mention: No-more-secrets: recreate the decryption effect seen in the 1992 movie Sneakers | | 2023-07-20

    if you like that one then you'll likely enjoy this[1] one also


  • Blotter

    A JavaScript API for drawing unconventional text effects on the web.

  • LittleJS

    LittleJS is a HTML5 game engine with many features and no dependencies. 🚂 Choo-Choo!

  • Project mention: Undergrowth - A tale from O Monolith, The new album by Squid! | /r/Games | 2023-06-11
  • jeelizFaceFilter

    Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).

  • twgl.js

    A Tiny WebGL helper Library

  • echarts-gl

    Extension pack for Apache ECharts, providing globe visualization and 3D plots.

  • 3d

    Three.js 3D项目,包含冰墩墩🐼、数字城市🏙、3D人像👤、车模展示🚗、塞尔达传说🗡等一些3D趣味演示页面,持续优化中...访问链接如下👇 (by dragonir)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
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 2024-04-19.

JavaScript Webgl related posts


What are some of the best open-source Webgl projects in JavaScript? This list will help you:

Project Stars
1 three.js 98,752
2 phaser 36,286
3 plotly.js 16,506
4 A-Frame 16,166
5 gpu.js 14,951
6 WebGL-Fluid-Simulation 14,219
7 Cesium 11,821
8 mapbox-gl-js 10,697
9 engine 9,090
10 two.js 8,186
11 melonJS 5,699
12 regl 5,096
13 Keras.js 4,951
14 pannellum 4,074
15 vizceral 4,051
16 VivaGraphJS 3,702
17 matrix 3,209
18 Blotter 3,011
19 LittleJS 2,741
20 jeelizFaceFilter 2,617
21 twgl.js 2,560
22 echarts-gl 2,509
23 3d 2,458

Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.