SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Webgl Projects
-
In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
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: Show HN: 1M+ animated GPU sprites in JavaScript | news.ycombinator.com | 2025-01-30This is super cool & I'm impressed that it's working with WebGL.
From reading the code & seeing the examples in the sandbox, it looks like the sprite layer is defined one time (initialization) with specific sprite & animation properties that are exposed to JS via the SpriteGPULayer config https://github.com/phaserjs/phaser/blob/v4.0.0-beta.5/src/ga... , then that class passes the info over to the vertex shader which has ifdefs to determine which animation, other features are enabled for a given SpriteGPULayer - https://github.com/phaserjs/phaser/blob/v4.0.0-beta.5/src/re...
This way you don't end up having to do any updates per frame on the CPU and it remains one draw call for the entire layer right?
Are there other use cases besides from large scale sprite/animated backgrounds that you've thought of?
-
Project mention: Plotly.js – Open-source JavaScript charting library behind Plotly and Dash | news.ycombinator.com | 2024-10-18
-
Project mention: Stripe Black Friday Dashboard (Physical Machine) | news.ycombinator.com | 2024-12-03
Just based off one of the errors in the console, I think it's using A-Frame which is built on top of Three.js https://aframe.io/
-
You might already be familiar, but a GPU.js backend can provide some speedups via good old WebGL -- no need for WebGPU just yet!
[0]: https://github.com/gpujs/gpu.js/
-
-
Project mention: Cesium: Open-Source JavaScript Library for High-Performance 3D Maps | news.ycombinator.com | 2024-08-16
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Project mention: Release Radar · August 2024: Major updates from the open source community | dev.to | 2024-09-05
If you love building games, this one is for you. PlayCanvas is a WebGL and HTML5 game engine. Some of the web's most popular games have been built with PlayCanvas. The latest release has tonnes of breaking changes from removing WebGL1 support along with dozens of other legacy scripts and functions. There are also some new rendering features, materials, and blending tools. Dig into all the changes in the release notes.
-
Project mention: Show HN: A JavaScript library for data visualization in both SVG and Canvas | news.ycombinator.com | 2024-04-11
> DOM-like event bubbling
This does sound very interesting. I started playing with https://two.js.org/ for a browser game but the event system proved a challange. The typescript focus also looks promising. Will give it a try.
-
melonJS Lightweight HTML5 game engine.
-
-
-
-
-
Project mention: Ask HN: What is the best software to visualize a graph with a billion nodes? | news.ycombinator.com | 2024-08-02
-
LittleJS
LittleJS is the tiny fast HTML5 game engine with many features and no dependencies. 🚂 Choo-Choo!
Project mention: My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback | news.ycombinator.com | 2024-12-03I would go with sth more simple and geared towards game dev
https://github.com/KilledByAPixel/LittleJS
is awesome and has many examples so you can start by editing them
-
-
-
-
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...).
-
Looks to be a good 3d asset viewer, but seems to have a pricetag, though that pricetag includes the powerful 3d editor. Web searches can bring up other similar online players & 3d Viewers; some are more niche than others.
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
JavaScript Webgl discussion
JavaScript Webgl related posts
-
Show HN: 1M+ animated GPU sprites in JavaScript
-
Some platforms to post your animations on the web
-
WebGL Fluid Simulation
-
Show HN: Svader – Create GPU-rendered Svelte components
-
My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback
-
Dev Log #14 - Phaser.js and game dev
-
Plotly.js – Open-source JavaScript charting library behind Plotly and Dash
-
A note from our sponsor - SaaSHub
www.saashub.com | 9 Feb 2025
Index
What are some of the best open-source Webgl projects in JavaScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | three.js | 104,174 |
2 | phaser | 37,497 |
3 | plotly.js | 17,262 |
4 | A-Frame | 16,837 |
5 | gpu.js | 15,180 |
6 | WebGL-Fluid-Simulation | 15,069 |
7 | Cesium | 13,260 |
8 | engine | 9,873 |
9 | two.js | 8,387 |
10 | melonJS | 5,979 |
11 | regl | 5,300 |
12 | Keras.js | 4,964 |
13 | pannellum | 4,357 |
14 | vizceral | 4,076 |
15 | VivaGraphJS | 3,802 |
16 | LittleJS | 3,546 |
17 | matrix | 3,413 |
18 | Blotter | 3,059 |
19 | twgl.js | 2,757 |
20 | jeelizFaceFilter | 2,725 |
21 | Online3DViewer | 2,688 |
22 | matcaps | 2,661 |
23 | 3d | 2,653 |