Search Results for "webgl"
Sort By:
Showing 27 open source projects for "webgl"
View related business solutions-
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
three.js
JavaScript 3D library
three.js is a lightweight and easy-to-use JavaScript 3D library with its own default WebGL renderer. It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. -
2
uPlot
Chart for time series, lines, areas, ohlc and bars
...In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size. However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far. WebGL should still be the tool of choice for applications like realtime signal or waveform visualizations: See danchitnis/webgl-plot, huww98/TimeChart, epezent/implot, or commercial products like LightningChart®. -
3
glMatrix
Javascript Matrix and Vector library for High Performance WebGL apps
Javascript has evolved into a language capable of handling realtime 3D graphics, via WebGL, and computationally intensive tasks such as physics simulations. These types of applications demand high performance vector and matrix math, which is something that Javascript doesn't provide by default. glMatrix to the rescue! glMatrix is designed to perform vector and matrix operations stupidly fast! By hand-tuning each function for maximum performance and encouraging efficient usage patterns through API conventions, glMatrix will help you get the most out of your browsers Javascript engine. -
4
sigma.js
A JavaScript library dedicated to graph drawing
...It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user. The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container's size changes, rendering on WebGL if the browser supports it and Canvas else, recentering the graph and adapting the nodes and edges sizes to the screen. ... -
Stop Storing Third-Party Tokens in Your DatabaseRolling your own OAuth token storage can be a security liability. Token Vault securely stores access and refresh tokens from federated providers and handles exchange and renewal automatically. Connected accounts, refresh exchange, and privileged worker flows included.
-
5
Cesium
An open-source JavaScript library for world-class 3D globes and maps
CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data. Built on open formats, CesiumJS is designed for robust interoperability and scaling for massive datasets. CesiumJS is released under the Apache 2.0 license and is free for... -
6
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. ... -
7
A-Frame
A web framework for building virtual reality experiences
...A-Frame is a thin yet powerful framework on top of three.js. While A-Frame is completely accessible from HTML, developers can also make full use of JavaScript, DOM APIs, three.js, WebVR, and WebGL. -
8
frame.js
JavaScript Sequence Editor
frame.js is a tiny utility for orchestrating frame-based animations with requestAnimationFrame while keeping code clean and predictable. It abstracts the boilerplate of setting up a render loop, tracking elapsed time, and updating callbacks at the right cadence. By providing a simple lifecycle—start, stop, tick—it encourages separation between state updates and rendering, which is essential for smooth visuals. The library aims to be unobtrusive: you can drop it into demos or prototypes... -
9
Dead Deer 3.14.82.2025
3D modeler, 3D game maker, 3D demo maker
...Support for: Direct3D9 (SM3) Direct3D10 (SM4) Direct3D11 (SM5) Direct3D12 (SM5) OpenGL and GLSL OpenGLES 2/3 Apple METAL Retina, UHD. Intel x86/64, ARMv7/ARM64, RISCV. Linux (Ubuntu/wxWidgets(Gtk3)). iOS /iPasOS (with XCode) (GLES20/METAL) Windows Phone Windows VR (Steam/Oculus) WebAsm/WebGL UWP Windows/XBOX SDL2 Linux ARM 32/64 RISCV OpenXR (Quest?/Pico) 3.14.82.2025 -
Gemini 3 and 200+ AI Models on One PlatformBuild, govern, and optimize agents and models with Gemini Enterprise Agent Platform.
-
10
ipyvolume
3d plotting for Python in the Jupyter notebook
3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL. Create quiver plots (like scatter, but with an arrow pointing in a particular direction). Render in the Jupyter notebook, or create a standalone html page (or snippet to embed in your page). Render in stereo, for virtual reality with Google Cardboard. Animate in d3 style, for instance, if the x coordinates or color of a scatter plots changes. -
11
VueGL
Vue.js components rendering 3D WebGL graphics reactively with three.js
VueGL is a component library for rendering 3D graphics with Vue.js and three.js. Using VueGL, you can handle WebGL very easily. In addition, drawn graphics are responsively re-rendered when detecting data changes. Vue.js is one of the very popular frameworks for building web apps or interactive websites. three.js is a 3D graphics library to uses WebGL. It provides classes wrapping WebGL APIs. They aim for different targets to be rendered, Vue.js for DOM and three.js for WebGL context. ... -
12
Spritejs
A cross platform high-performance graphics system
Spritejs is a cross-platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-programs. SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most modern browsers. You should import babel-polyfill for early browsers(i.e. iOS 8). -
13
TroisJS
ThreeJS + VueJS 3 + ViteJS
I wanted to code something similar to react-three-fiber but for VueJS. I started from scratch, I will rewrite some of my WebGL demos to see if this little toy can do the job. The most popular WebGL library, with a good support on both desktop and mobile. With TroisJS you can easily create 3D content for your website using VueJS components. Really fast development time with ViteJS/HMR ! Useful to create awesome 3D scenes. Thanks to VueJS/ViteJS, TroisJS use watchers and HMR to update ThreeJS objects when you update a template or a prop. ... -
14
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library
This JavaScript library detects and tracks the face in real time from the camera video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in /libs/<name of the engine>/). This library is lightweight and it does not include any 3D engine or third-party library. We want to keep it framework agnostic so the outputs of the library are raw, if the face is detected or not, the position and the scale of the detected face and the rotation Euler angles. ... -
15
Synthclipse
GLSL shader prototyping tool based on Eclipse IDE.
...Shader development can be done using, compatible with Fragmentarium and Shadertoy (but limited to FS and VS), Fragx shaders or by using fully featured JavaScript JSX scripts. The JSX API is consistent with WebGL but in fact exposes complete OpenGL 4+ API. To install Synthclipse one can download prepacked Eclipse with Synthclipse feature (see "Files" section above) or update an existing Eclipse using the following Update Site: https://kamil-kolaczynski.github.io/synthclipse/update/ Prepacked version has one advantage: it has nice console logs coloring since it shipped with Grep Console plugin ( https://marketplace.eclipse.org/content/grep-console ) that is configured specially for Synthclipse logs. -
16
ClayGL
A WebGL graphic library for building scalable Web3D applications
ClayGL is a WebGL graphic library for building scalable Web3D applications. It's easy to use, configurable for high-quality graphics. Benefit from the modularity and tree shaking, it can be scaled down to 22k(gzipped) for a basic 3D application. Animator object can only be created by Animation.prototype.animate method. After created, we can use clay.animation.Animator# when to add all keyframes and clay.animation.Animator#start it. -
17
xeogl
A WebGL-based 3D engine for technical visualization
xeogl is an open source JavaScript library from xeolabs for 3D model visualization on WebGL. It gives you tools to create interactive 3D worlds in your browser. Load models from formats like glTF or OBJ, or generate them programmatically. Navigate them with the camera and script them with Javascript, to build compelling 3D presentations. Load multiple models. Isolate/move/emphasize objects. Camera navigation controls. Camera animations (flyto, follow, path etc). -
18
GlslEditor
Simple WebGL Fragment Shader Editor
Simple WebGL Fragment Shader Editor. Friendly GLSL Shader editor based on Codemirror compatible with glslViewer (C++/OpenGL ES) and glslCanvas (JS/WebGL). Was originally developed to work as an embedded editor for The Book of Shaders. But now has grown as a stand-alone Web app. Thanks to their compatibility with other apps of this ecosystem like glslViewer which runs in the RaspberryPi directly from the console, GlslEditor interacts with other projects like OpenFrame.io allowing the user to export the shaders to frames with only one button. -
19
CCapture.js
A library to capture canvas-based animations at a fixed framerate
CCapture.js is a JavaScript library designed to capture high-quality recordings of HTML5 canvas animations at a fixed and consistent frame rate. Unlike traditional screen recording tools, it decouples rendering speed from capture speed, allowing developers to generate smooth video outputs even when frames take longer to compute. It works by overriding time-related browser functions such as requestAnimationFrame and Date.now to simulate a stable time progression, ensuring every frame is... -
20
vizceral
WebGL visualization for displaying animated traffic graphs
vizceral is a component for displaying traffic data on a webgl canvas. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes. This component can take multiple traffic graphs and will generate a 'global' graph showing all incoming traffic into each of the 'regions', with support for cross-region traffic. -
21
Keras.js
Run Keras models in the browser, with GPU support using WebGL
Run Keras models in the browser, with GPU support provided by WebGL 2. Models can be run in Node.js as well, but only in CPU mode. Because Keras abstracts away a number of frameworks as backends, the models can be trained in any backend, including TensorFlow, CNTK, etc. Check out the demos/ directory for real examples running Keras.js in VueJS. Library version compatibility, Keras 2.1.2. -
22
HTML GL
Get as many FPS as you need and amazing effects by rendering HTML/CSS
60 FPS and amazing effects by rendering HTML/CSS in WebGL, framework agnostic. HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. ... -
23
SpiderGL Tutorials
SpiderGL-Tutorials are the official tutorials of the SpiderGL library
SpiderGL-Tutorials are the official tutorials of SpiderGL. SpiderGL is a JavaScript Computer Graphics library aimed at developing CG applications for the web platform that uses WebGL for real-time rendering. These tutorials are realized with the 0.2.0 version of the SpiderGL library. -
24
tuuli
Webgl Engine
This is a Webgl Engine. Just for fun, maybee something interesting will develop. Contains MMO options. -
25
First person web site
First person glmatrix plugin - webGL
Created by Nikola Lukic zlatnaspirala@gmail.com webgl 3d wourld engine framework zlatnaspirala First person web site look. Used lib : High performance matrix and vector operations for WebGL glMatrix-0.9.5.min.js webgl-utils.js This program allows you to draw 3D objects and folders easily and quickly.Under the principle of one object one line. You can order vebgl of your choice.
