JavaScript Webgl

Open-source JavaScript projects categorized as Webgl | Edit details

Top 23 JavaScript Webgl Projects

  • GitHub repo three.js

    JavaScript 3D Library.

    Project mention: Potenciando tu carrera profesional a través del Open Source | dev.to | 2021-10-26
  • GitHub repo 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: Libraries for other languages similar to Ebiten? | reddit.com/r/ebiten | 2021-10-18

    Phaser (JavaScript)

  • Syncfusion

    Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  • GitHub repo plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Using Plotly in React to build dynamic charts and graphs | dev.to | 2021-10-08

    This article taught you how to build charts, graphs, and dynamic plots with Plotly. You can learn more about Plotly in their official documentation here. If you have any questions, don't hesitate to contact me on Twitter at @LordChuks3.

  • GitHub repo gpu.js

    GPU Accelerated JavaScript

    Project mention: GPU.js | news.ycombinator.com | 2021-10-08
  • GitHub repo WebGL-Fluid-Simulation

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

    Project mention: [SETLIST THREAD] Dead and Company - 10/25/21, Ak-Chin Pavilion, Phoenix, Arizona | reddit.com/r/gratefuldead | 2021-10-25

    Okay I've been playing with this app thingy for the past ten minutes while groovin along and it's wild trippy

  • GitHub repo mapbox-gl-js

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

    Project mention: I built an app that maps out crime statistics | reddit.com/r/australia | 2021-10-18
  • GitHub repo Cesium

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

    Project mention: Integrating Cesium in a WordPress site | reddit.com/r/Wordpress | 2021-08-19

    I'd like to use Cesium ( https://github.com/CesiumGS/cesium ) in a WordPress site. It's a rather large Javascript library, and I expect there are some intricacies around integrating it into WP's own Javascript. Has anyone tackled this before and do you have any pointers?

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo two.js

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

    Project mention: [AskJS] What is the best canvas library to make an app like figma or integromat? | reddit.com/r/javascript | 2021-08-29
  • GitHub repo engine

    Fast and lightweight JavaScript game engine built on WebGL and glTF

    Project mention: An introduction to Three.js | dev.to | 2021-10-22

    It’s worth noting Three.js is not the only JavaScript library to make WebGL easier. For example, Greensock, PlayCanvas and Pixi.js all offer the benefits of WebGL without actually writing WebGL. I think Three.js is a better choice for learning 3D however as the library has fewer distractions and is focused on one thing.

  • GitHub repo react-map-gl

    React friendly API wrapper around MapboxGL JS

    Project mention: When to use react-map-gl or plain mapbox-gl in React app? | reddit.com/r/gis | 2021-10-13

    I'm working on a React app with a mapbox component and am trying to understand the use case for react-map-gl vs the examples on the Mapbox site that just use mapbox-gl. From the React GitHub issues they mention this in regards to performance -

  • GitHub repo regl

    👑 Functional WebGL

    Project mention: I Created a library to very easily include many types of Procedural Noise functions in your WebGL Shaders! Can be used for anything really, I use them for HeightMap generation. GitHub in comments | reddit.com/r/computergraphics | 2021-05-16

    You can create a HTML Canvas with a WebGL context (I suggest using a library like Ogl or Regl )and run the functions exported by this library in a fragment shader, then save the current frame by a method like this or any other.

  • GitHub repo melonJS

    a fresh & lightweight javascript game engine

    Project mention: CSS Deep | dev.to | 2021-02-26

    melonjs/melonJS - a fresh & lightweight javascript game engine

  • GitHub repo Blotter

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

    Project mention: Use Fancy Text(Blotter.js) with Reactjs | dev.to | 2021-03-01

    View on GitHub

  • GitHub repo 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...).

    Project mention: Best Web-Based Face Tracking Library? | reddit.com/r/Web_Development | 2021-08-17

    I created a demo face filter web app using jeeliz. It has great features however, I found that the tracking performance wasn't perfect. Media pipe seems to require building out custom features manually to achieve the face filter app I need. I'm wondering if building a more custom app with mediapipe would be worth the extra effort over Jeeliz.

  • GitHub repo tangram

    WebGL map rendering engine for creative cartography (by tangrams)

    Project mention: Show HN: Tangram – Train, Deploy, and Monitor ML Models in Go/JS/Ruby/Rust/More | news.ycombinator.com | 2021-08-18

    Personally I'm much more confused by the existence of https://github.com/tangrams/tangram .

  • GitHub repo twgl.js

    A Tiny WebGL helper Library

    Project mention: Bombed a Web Developer Interview, How bad did I do? (NOT LOOKING FOR SYMPATHY, just better understanding!) | reddit.com/r/webdev | 2021-03-18

    Those particular demosites were made using https://github.com/greggman/twgl.js

  • GitHub repo THREE.MeshLine

    Mesh replacement for THREE.Line

    Project mention: Frameworks/libraries/tools used to create these fancy animated 3d websites | reddit.com/r/webdev | 2021-09-07

    THREE.MeshLine

  • GitHub repo freeciv-web

    Freeciv-web is an Open Source strategy game implemented in HTML5 and WebGL, which can be played online against other players, or in single player mode against AI opponents.

    Project mention: Sid Meier: More Than Just Civilization | news.ycombinator.com | 2021-04-18
  • GitHub repo headless-gl

    🎃 Windowless WebGL for node.js

    Project mention: GPU.js | news.ycombinator.com | 2021-10-08

    I think your reached dead status partially for being a new account but on the off chance you're a new account legitimately wondering why your comment got downvoted so quickly:

    It's compatible with both web and Node. In node it uses https://github.com/stackgl/headless-gl to provide Node with a WebGL compatible implementation as Node doesn't ship with GPU access out of the box. They are looking into https://github.com/maierfelix/webgpu or similar which instead provides Node with a WebGPU compatible implementation. Both require N-API. The tracking issue can be found here for reference https://github.com/gpujs/gpu.js/issues/507.

  • GitHub repo curtainsjs

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

    Project mention: Web Effect | dev.to | 2021-03-01

    Curtainsjs - Lightweight vanilla WebGL JavaScript library that turns HTML DOM elements into interactive textured planes.

  • GitHub repo procedural-gl-js

    Mobile-first 3D mapping engine with emphasis on user experience

    Project mention: Recreating Real-World Terrain with React, Three.js and WebGL Shaders | news.ycombinator.com | 2021-02-23

    Nice writeup, I always like it when the shaders are highlighted like this. I got started in a similar way 7 years ago and have been making 3D terrains with THREE.js & WebGL since.

    The real fun begins when you need to implement some sort of Level-of-Detail system and streaming in data to give the illusion of high detail everywhere without sacrificing performance.

    Last year I released an open-source framework (https://github.com/felixpalmer/procedural-gl-js) for creating 3D terrains for web applications, you can see Uluru here: https://www.procedural.eu/map/?longitude=131.036&latitude=-2... (unfortunately the aerial imagery from our default provider isn't as high resolution as other places in Europe)

  • GitHub repo THREE.js-PathTracing-Renderer

    Real-time PathTracing with global illumination and progressive rendering, all on top of the Three.js WebGL framework. Click here for Live Demo: https://erichlof.github.io/THREE.js-PathTracing-Renderer/Geometry_Showcase.html

    Project mention: Can threejs look as good as Octane renders? | reddit.com/r/threejs | 2021-08-03
  • GitHub repo postprocessing

    A post processing library that provides the means to implement image filter effects for three.js.

    Project mention: How to help visibility of features like text — shadows, ambient occlusion? | reddit.com/r/threejs | 2021-08-08

    i think what you need is AO, ambient occlusion. don't have a plain vanilla example of this but you can play with the values here https://codesandbox.io/s/hi-key-bubbles-forked-worwb?file=/src/App.js:2783-2941 to see if that would make a difference for you. the library is this one: https://github.com/vanruesc/postprocessing

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 2021-10-26.

Index

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

Project Stars
1 three.js 75,043
2 Phaser 30,587
3 plotly.js 14,075
4 gpu.js 13,309
5 WebGL-Fluid-Simulation 11,416
6 mapbox-gl-js 7,890
7 Cesium 7,586
8 two.js 7,305
9 engine 6,719
10 react-map-gl 6,157
11 regl 4,347
12 melonJS 3,613
13 Blotter 2,819
14 jeelizFaceFilter 1,986
15 tangram 1,939
16 twgl.js 1,871
17 THREE.MeshLine 1,602
18 freeciv-web 1,601
19 headless-gl 1,327
20 curtainsjs 1,219
21 procedural-gl-js 1,119
22 THREE.js-PathTracing-Renderer 1,046
23 postprocessing 1,035
Find remote jobs at our new job board 99remotejobs.com. There are 38 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Scout APM: A developer's best friend. Try free for 14-days
Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
scoutapm.com