InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 JavaScript Webgl2 Projects
-
note three.js [1] has nothing to do with React out of the box though, this page highlights an atypical way of using three.js through a popular React binding.
[1] https://threejs.org/
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
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.
-
melonJS Lightweight HTML5 game engine.
-
-
curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
-
-
react-ape
🦍• React Renderer to build UI interfaces using canvas/WebGL (TV and Hardware-Accelerated GPU development based)
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
shader-web-background
Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.
-
retrace.gl
Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser! 🎉
-
-
particular-drift
Turn images into flowing particle animations. Built with js, webgl / glsl, and html5 canvas
Project mention: Show HN: Creating flowing particle animations out of images (JS and WebGL) | news.ycombinator.com | 2025-01-29Hi! I'm Alan, and I built a website that turns images into flowing particle animations.
This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields.
It uses Sobel edge detection, a Perlin noise flow field, and webGL / GLSL for better performance.
The tool is completely free and open source (MIT license).
Github repo: https://github.com/collidingScopes/particular-drift
Let me know of any feedback or suggestions for improvement.
-
-
-
-
veecam
A virtual camera Chrome extension that lets you adjust how your video appears to everyone else on the call.
-
Project mention: Show HN: A pure WebGL image editor with filters, crop and perspective correction | news.ycombinator.com | 2025-04-28
The actual webgl engine is packaged as a separate library https://github.com/xdadda/mini-gl
As for the more complex UI modules (ie crop) in theory it shouldn't be too difficult to build a vanilla-js separate module, but not sure I'll have the time as these kind of solutions need to take into account so many use-cases and edge-cases that they easily become a nightmare to maintain ...
-
matrix-engine
webGL2 implementation (opengles2/3). ClassObject scene draw orientend framework based on crazzy fast glmatrix engine. ECMA 6 JS Project in base. Obj loader, raycast, BVH animation etc.
-
particle-system-webgl
A WebGL particle system capable of creating beautiful patterns due to the usage of symmetry.
-
-
Basic-Three.js-Starter-Kit
A minimal Three.js boilerplate to help you get started with 3D web development. This template includes a basic scene setup with a rotating cube, proper lighting, camera controls, and responsive canvas.
-
-
GLTilemapp5js
A tilemap library for p5.js's OpenGL mode that is optimized to draw tilemaps within a single draw call
-
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
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).
JavaScript Webgl2 discussion
JavaScript Webgl2 related posts
-
Matrix-roulette - Physics + Server game regime
-
Magic Three Project
-
ButterChurn – WebGL2 Audio Visualizer
-
Show HN: SlideSynth
-
PlayCanvas: Free and Open Source JavaScript Game Engine
-
Normal Map Interpolation on Deferred Shading
-
Who has never done this?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 16 May 2025
Index
What are some of the best open-source Webgl2 projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | three.js | 106,221 |
| 2 | engine | 10,154 |
| 3 | melonJS | 6,058 |
| 4 | twgl.js | 2,812 |
| 5 | curtainsjs | 1,736 |
| 6 | butterchurn | 1,638 |
| 7 | react-ape | 1,581 |
| 8 | shader-web-background | 234 |
| 9 | retrace.gl | 196 |
| 10 | gl-bench | 186 |
| 11 | particular-drift | 104 |
| 12 | webgl2-voxels | 82 |
| 13 | celestiary | 47 |
| 14 | experiments | 42 |
| 15 | veecam | 34 |
| 16 | mini-gl | 21 |
| 17 | matrix-engine | 12 |
| 18 | particle-system-webgl | 7 |
| 19 | gpuparticles | 5 |
| 20 | Basic-Three.js-Starter-Kit | 5 |
| 21 | webgl-framework | 4 |
| 22 | GLTilemapp5js | 4 |
| 23 | Silver-Rain | 2 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io