JavaScript Webgl2

Open-source JavaScript projects categorized as Webgl2

Top 22 JavaScript Webgl2 Projects

  • three.js

    JavaScript 3D Library.

    Project mention: Graphing on a sphere | | 2023-03-14
  • engine

    Fast and lightweight JavaScript game engine built on WebGL and glTF

    Project mention: Best toolset for building a 3D Website? | | 2023-03-09
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • melonJS

    a fresh, modern & lightweight HTML5 game engine

    Project mention: Final FLiP Stack Weekly of 2022 | | 2022-12-23
  • twgl.js

    A Tiny WebGL helper Library

    Project mention: TWGL: A Tiny WebGL Helper Library | | 2022-08-08
  • react-ape

    🦍• React Renderer to build UI interfaces using canvas/WebGL (TV and Hardware-Accelerated GPU development based)

    Project mention: GitHub - raphamorim/react-ape: [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL | | 2022-05-27
  • curtainsjs

    curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

    Project mention: How to recreate this animated background with distortion effect? | | 2022-04-24

    If you're purely wanting to add a shader effect then as a newcomer to the shader world I'd recommend curtainsjs as an easy way to add custom shaders without the hassle of having to deal with low level WebGL setup stuff. They even have a similar example with the mouse distortion effect where the code is much more readable and well commented with another codepen by the creator of curtains which has a more similar mouse flow effect that could be repurposed to be a post effect shader and distort the output of a gradient shader.

  • 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.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • butterchurn

    Butterchurn is a WebGL implementation of the Milkdrop Visualizer

    Project mention: It's really weird that we were mesmerized by watching music with visualizers in Winamp, iTunes, etc. in the 2000s, but they're not really a big thing now that we have 4k displays and the computing power to create really stunning visualizers. | | 2023-02-14

    You can run Milkdrop 2 in a browser via this website.

  • alien.js

    👽 Future web pattern


    Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser! 🎉

    Project mention: Show HN: Make 3D art in your browser using Lisp and math | | 2022-09-06

    I've written a tool somewhat similar that can export meshes of sdf's created using a javascript api, check it out:

  • gl-bench

    ⏱ WebGL performance monitor with CPU/GPU load.

    Project mention: Performance indicators? | | 2022-07-15
  • 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.

  • experiments

    A centralized location for my WebGL and other demos. (by FarazzShaikh)

  • three-noise

    Simple gradient noise library for use with Three.js. Now with fBm!

  • celestiary

    Astronomical simulator of solar system and local stars

    Project mention: Mission to reach and operate at the focal region of the solar gravitational lens | | 2022-07-28

    hmm.. right.. if the angle of deflection is low and the star is close enough that its light and deflected light show up very close together. My intuition is this is not the case... remember Eddington's test of relativity was for deflection of starlight around our Sun. We're really close, yet it was observable with the moon obscuring the main sunlight.

    the article[1] says "For light grazing the surface of the sun, the approximate angular deflection is roughly 1.75 arcseconds." So, what, we take the arcsin of 1.75 arcseconds to get the apparent divergence ratio, and multiply that by distance to stars? As long as that value is larger than the aperture of your camera, then you don't get competing light? Or maybe you'd need something like the TESS satellite, where you have a screen specially created to only allow certain beam transits into your detector.

    I've worked with a nearest 10k stars database ( and the edge of that is about 2k light years away. So very roughly, let's say there's 1/8th of those in a certain direction... so you get.. what? some 2k sample points towards some distant object? But really most of them wouldn't deflect that object's light towards Earth, but usually over or undershoot.

    Don't really know how to put these together quickly, but is giving me some good food for thought!


  • 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.

    Project mention: Interest webGL library based on glmatrix engine - Lot of features implemented like physics , FBO etc | | 2023-03-13
  • particle-system-webgl

    A WebGL particle system capable of creating beautiful patterns due to the usage of symmetry.

  • webgl-framework

    Basic low-level WebGL framework.

  • matrix-engine-starter

    Test matrix-engine usage with npm service. Install with `npm i matrix-engine`

  • Silver-Rain

    JavaScript WebGL Library

    Project mention: New WebGL library "Silver Rain" | | 2023-03-15
  • fourier

    Image Discrete Fourier Playground (by Haalon)

    Project mention: I've made interactive playground of Discrete Fourier Transform for Images | | 2022-06-23

    here is the repo, if you are interested.

  • webgl-mipmaps-explainer

    explore mipmap and anisotropic filtering options in webgl2

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

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 2023-03-15.

JavaScript Webgl2 related posts


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

Project Stars
1 three.js 89,860
2 engine 8,195
3 melonJS 5,255
4 twgl.js 2,319
5 react-ape 1,506
6 curtainsjs 1,430
7 LayaAir 1,281
8 butterchurn 1,217
9 alien.js 630
10 182
11 gl-bench 165
12 shader-web-background 145
13 experiments 34
14 three-noise 32
15 celestiary 18
16 matrix-engine 8
17 particle-system-webgl 4
18 webgl-framework 3
19 matrix-engine-starter 2
20 Silver-Rain 1
21 fourier 0
22 webgl-mipmaps-explainer 0
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.