Search Results for "webgl"
Sort By:
13 projects for "webgl" with 2 filters applied:
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
Forever Free Full-Stack Observability | 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.
-
1
webgl-plot
A high-Performance real-time 2D plotting library based on native WebGL
webgl-plot is a high-performance plotting library for real-time data visualization in the browser using WebGL. Unlike traditional canvas or SVG-based charting libraries, webgl-plot is optimized for streaming and dynamic updates, making it ideal for oscilloscope-style data, biomedical signals, or any application where data updates hundreds of times per second. -
2
Phaser HTML5 Game Framework
Phaser is a free and fast 2D game framework for making HTML5 games
Phaser is a popular open-source 2D game framework for making HTML5 games for desktop and mobile platforms. Built with JavaScript and powered by WebGL and Canvas, it offers a robust API for developing everything from arcade to platformer and puzzle games. -
3
glsl-sandbox
Shader editor and gallery
GLSL Sandbox is an in-browser playground for writing and sharing fragment shaders with instant visual feedback. It provides a minimal editor and a fullscreen WebGL viewport so your shader takes center stage, making it perfect for learning, live-coding, and showcasing visual experiments. The environment injects a small set of uniforms—time, resolution, mouse—so you can animate and interact without boilerplate. A public gallery lets creators browse, fork, and remix shaders, turning the site into a collaborative learning hub. ... -
4
Pannellum
Pannellum is a lightweight, free, and open source panorama viewer
Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. It can be deployed easily as a single file, just 21kB gzipped, and then embedded into pages as an <iframe>. A configuration utility is included to generate the required code for embedding. An API is included for more advanced integrations. -
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.
-
5
Visual Blocks
Visual Blocks for ML is a Google visual programming framework
...It lets you connect sources, transforms, models, and visualizers into a live graph, so changes propagate instantly and results are observable without writing glue code. Under the hood it leans on web-friendly runtimes (e.g., WebGPU/WebGL/WebNN or TensorFlow.js backends) to execute pipelines locally, which is great for demos, teaching, and privacy-sensitive prototypes. The block abstraction encourages modularity: you can package a preprocessor, a model, and a postprocessor as a reusable composite for others to slot into their graphs. Because everything lives in the browser, sharing is as simple as exporting a project or link, and collaborators can experiment without installing toolchains. ... -
6
canvas-sketch
Framework for making generative artwork in JavaScript and the browser
canvas-sketch is a JavaScript framework designed to streamline the creation of generative art, creative coding experiments, and interactive graphics. It provides a lightweight scaffolding environment that helps developers and artists quickly prototype visual projects using HTML5 Canvas or WebGL. The tool focuses on reducing boilerplate so creators can concentrate on visual logic and animation rather than setup. It integrates smoothly with modern JavaScript workflows and supports modular development patterns. The framework is commonly used in creative coding communities for sketches, data visualizations, and interactive installations. ... -
7
glfx.js
An image effects library for JavaScript using WebGL
glfx.js is a JavaScript image-effects library that uses WebGL to apply real-time filters and transformations directly in the browser. It exposes a simple API where images are uploaded into GPU textures, processed with shader-based filters, and rendered to a WebGL canvas. Because the work is done on the GPU, many effects that would be too slow in pure JavaScript (like complex blurs, lens effects, or tilt-shift) can run interactively, even on large images. -
8
texgen.js
JavaScript Texture Generator
...It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter more than hand-painted assets. Because textures are generated at runtime, parameters can be animated or randomized to add life without extra downloads. The project demonstrates how far you can push simple building blocks to create wood, marble, clouds, checkerboards, and other familiar materials. -
9
VivaGraph
Graph drawing library for JavaScript
...It is designed for speed and scalability, handling large graph datasets with smooth rendering and interactive capabilities such as dragging nodes and zooming. The library supports multiple rendering backends including SVG, WebGL, and Canvas, allowing developers to choose the best balance of performance and visual fidelity for their use case. Its layout algorithms help position nodes in aesthetically pleasing arrangements using force-directed simulations that adjust dynamically as the graph evolves. VivaGraphJS is modular, so you can extend or customize layouts, rendering, and interaction logic to fit specialized applications such as social network analysis, dependency mapping, or knowledge graphs. -
Add Two Lines of Code. Get Full APM.Works out of the box for Rails, Django, Express, Phoenix, and more. Monitoring exceptions and performance in no time.
-
10
Phaser Input
Adds input boxes to Phaser like CanvasInput, but also works for WebGL
phaser-input is a text input plugin for Phaser, enabling text fields in canvas-based games. Since HTML inputs can't be styled or positioned reliably in canvas games, phaser-input provides native-feeling input boxes that work directly in-game. -
11
graphics-resources
A list of graphic programming resources
...Rather than being a traditional codebase, it functions as a knowledge hub that aggregates tutorials, libraries, research papers, and inspirational materials across multiple domains such as WebGL, shaders, animation, and design systems. The repository is structured to help developers discover high-quality tools and deepen their understanding of graphics programming ecosystems. It emphasizes practical learning by linking to real implementations and community-driven resources, making it especially useful for both beginners and experienced developers seeking inspiration or solutions. ... -
12
WebGL Heatmap
A high performance WebGL/JS heatmap display library
webgl-heatmap is a browser-side rendering library that uses the GPU via WebGL to draw smooth, continuous heatmaps from large numbers of data points. Instead of relying on CPU-bound canvas operations, it leverages fragment shaders and additive blending to accumulate intensity and colorize results in real time. The API lets you push points or weighted samples into a buffer and then renders a gradient map where hot areas emerge organically from density rather than discrete markers. ... -
13
csg.js
Constructive solid geometry on meshes using BSP trees in JavaScript
...The library focuses on clarity and correctness: its implementation is intentionally concise and readable so developers can understand the algorithm, while still correctly handling tricky edge cases such as overlapping coplanar polygons. A WebGL-based demo shows how two solids can be combined interactively in the browser, making it a great educational tool for learning CSG concepts. The API allows you to create primitives (cubes, spheres, etc.) and then combine or transform them programmatically, producing new mesh geometry for rendering or export. Because it is dependency-light and pure JavaScript, csg.js can be integrated into custom modeling tools, CAD-like apps, games, or procedural modeling pipelines running in the browser or Node.
- Previous
- You're on page 1
- Next
