webgl

Ground-up WebGL course that avoids frameworks and explains buffers, attributes, textures and 3D math from first principles.

Ninety-plus hours of video teaching three.js from geometry basics through GLSL, physics, Blender and React Three Fiber.

Browser design tool with real-time WebGL effect layers including ASCII, dithering, halftone and glitch applied to artboards.

No-code editor for building interactive WebGL scenes and effects and embedding them on any website.

React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.

3D Gaussian splatting renderer for Three.js supporting ply, sogs, spz, splat and ksplat formats and mixing splats with regular meshes.

Browser editor for viewing, cleaning and publishing 3D Gaussian splat captures.

Classifies a visitor's GPU from a benchmark database so you can pick shader quality tiers before rendering anything.

WebGL graph visualisation for React with 2D and 3D layouts, clustering, path finding and lasso selection built in.

Community fork of Mapbox GL JS rendering interactive vector tile maps in WebGL under a permissive licence.

GLSL shader implementations of over 100 named colormaps for use in WebGL and GPU visualisations.

Node-based visual editor for building procedural WebGL scenes, geometry and materials that export to a Three.js runtime.

Framework-agnostic library rendering real interactive HTML inside a canvas with WebGL shader effects applied over it.

Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.

Runtime glassmorphism layer that samples the page behind an element and renders real refraction, blur and specular highlights in WebGL.

Tutorial and demo publication covering WebGL, three.js, GSAP and experimental interface effects, with source for every demo.

GPU-accelerated compute library for browser physics, reaction-diffusion and particle simulations rendered to canvas.

Zero-dependency 2D HTML5 engine with WebGL batch renderer, built-in particle system, audio and physics in a tiny bundle.

WebGL gallery arranging thousands of film posters into a Voronoi treemap with force-directed exploration.

Particle animation engine for canvas, WebGL and DOM with emitters, behaviours, forces and zones borrowed from VFX pipelines.

WebGL-backed API that applies shader material effects — liquid distort, channel split, rolling — to live, selectable text.

WebGL library that displaces and blends two images on hover using a grayscale displacement map for liquid reveals.

Three.js component rendering force-directed graphs in 3D with node objects, link particles and camera controls.

Gallery collecting only sites using real-time 3D, WebGL scenes and spatial interaction.

Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.

Curated list of WebGL frameworks, tutorials, tools, debugging aids and demos.

WebGL geospatial visualisation framework from AntV with 3D extrusion, heatmaps and large point cloud layers.

Two-kilobyte low-level WebGL wrapper designed for instanced particle scenes with custom shaders and no scene graph.

Lightweight modular WebGL shader library packaging animated background shaders for use in ordinary web interfaces.

Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps.

Universal WebGL glitch effect layer that applies RGB split, slice and noise passes over existing page elements.

React bindings for 2D, 3D, VR and AR force-directed graphs sharing one declarative prop API.

Graph visualisation engine from AntV with built-in layouts, behaviours, edge bundling and large-graph WebGL rendering.

Graph drawing library with swappable layout and rendering backends, including a WebGL renderer tuned for very large graphs.

Browser WebGL shader playground for writing, previewing and sharing fragment shaders used as page backgrounds.

Tweakable CRT shader for a web canvas with scanlines, curvature, bloom and phosphor controls exposed as parameters.

Curated GitHub list of Three.js libraries, physics engines, shader resources, editors and asset sources.

Component set for financial and technical charts on D3 that renders identical series to SVG, Canvas or WebGL from one definition.

Tiny helper library removing WebGL boilerplate for buffers, uniforms, textures and framebuffers while staying close to the raw API.

Growing vanilla Three.js helper library with component base classes, asset managers, shader passes and scroll or pointer utilities.

Command-line workshopper with self-contained exercises teaching GLSL and WebGL fundamentals through failing tests.

Collection of 130+ production-ready web shaders, each a self-contained HTML file with no build step, dependencies or bundler.

Minimal unopinionated WebGL library exposing raw GL concepts through small helper classes without scene-graph overhead.

Framework and CLI for generative artwork in JavaScript with deterministic seeding, print-resolution export and video recording.

Renderer-agnostic two-dimensional drawing API that outputs to SVG, canvas or WebGL from one scene description.

Directory of Three.js tools, shader editors, asset optimizers, tutorials and learning resources, organized and regularly updated.

Functional stateless WebGL abstraction where draw commands are declared as data and the library manages all GL state.

Node-based visual programming environment for building interactive WebGL scenes and exporting them as embeddable pages.

Figma plugin that turns any layer into a WebGL holographic sequin sticker with die-cut edge and foil presets.

Claymation-style Three.js animal world with bilingual word cards, procedural audio, soft shadows and a robot tour guide.

Free WebGL shader orbs for React agent states (idle, thinking, speaking), tunable in a playground and installable via shadcn registry.

Source-built C++ to WebAssembly browser port of Touhou 8 Imperishable Night that reads your own legal DAT files in session memory only.

First-person three.js walk through red rock buttes at golden hour, with every mesh, texture and sound generated procedurally in code.

WebGL library that stacks two images and lets the pointer, scroll or your own state paint a noise-carved hole through the top one.

One React component that draws animated topographic contour backgrounds on the GPU, with six presets and a live playground.

Browser spy-satellite simulator on a photorealistic 3D globe, driven by live open-source spatial intelligence feeds rather than mock data.

shadcn registry of React components and WebGL shaders — mesh gradients, paper texture, chat minimaps — with live parameter playgrounds and editable source.

Local-first WebGL2 playground that overlays two pattern layers — stripes, grids, radials, dots — so you can tune moiré interference live.

Two-skill agent library: shader-driven WebGL UI components with real fallbacks, and Tailwind container queries used in place of viewport breakpoints.

Catalog of copy-paste Three.js hero sections and interactive shader components with customizable variants, framework-agnostic and shipped with full source.

Complete landing page built around a procedural, pointer-responsive Three.js moss world, with liquid-metal panels and editorial layout, source on GitHub.

Turns 25 hourly rainfall values into a draggable Three.js particle rainscape where curtain, waterfall, ripples and audio follow the curve.

Five-chapter scrolling night walk through a Kyoto mountain temple, rendered live in Three.js with illustrated garden field notes.

Builds interactive WebGL visuals — kinetic type, 3D scenes, particle and liquid-glass logo effects — as parameterised tools you can remix, share and export.

Zero-dependency WebGL library for animated mesh-gradient backgrounds: seamless loops, mounts to any element, exports frames.

Compact WebGL toolset of framebuffers, cameras, batches and shader helpers used across Yi-Wen Lin's experiments.

Collection of WebGL slideshow transition shaders between images, with displacement, wave and threshold variants.

Character skinning, inverse kinematics and animation retargeting library for the web, independent of any renderer.

Minimal online fragment shader editor and public gallery where every submitted shader can be forked and edited.

WebGL2 and WebGPU recreation of Apple's liquid glass with tunable refraction, dispersion, blur and shadow parameters in a live playground.

WebGL graph rendering engine for large networks with pluggable programs for node and edge shapes, paired with Graphology.