The plumbing. Everything here runs in a browser or produces something that does: engines, frameworks, shader playgrounds, asset workflows, learning paths, and the places new work surfaces first.

A sunlit greenhouse and garden shed at the edge of a sunflower field

Engines & pipelines.

Engines that ship to the browser

Full engines whose output runs in a tab: WebGL, WebGPU or WASM targets, several with cloud editors.

three.js
The reference WebGL and WebGPU library. Its examples directory is the largest pile of open source scenes on the web.
Three.jsWebGLWebGPU
Open Source
Babylon.js
Complete engine with a browser playground, node material editor, WebGPU renderer and physics.
Babylon.jsWebGPUGames
Open Source
PlayCanvas
Open source engine paired with a collaborative cloud editor; projects publish straight to a URL.
PlayCanvasGames
Open Source
Godot (web export)
Exports to HTML5 / WebAssembly; the web editor runs in a browser too.
GodotWebAssemblyGames
Open Source
Bevy
Rust ECS engine that runs in the browser through wgpu and WebAssembly; the examples page is all live builds.
BevyRust / wgpuWebAssemblyWebGPU
Open Source
PixiJS
Fast 2D renderer with WebGL and WebGPU backends, the workhorse behind countless interactive sites.
PixiJSWebGLWebGPU
Open Source
Phaser
2D game framework for the browser with a large example base.
GamesWebGL
Open Source
Unity Web
Unity builds to WebGL and, more recently, WebGPU; the manual covers the build pipeline and its limits.
UnityWebAssemblyGames
Open
Unreal Pixel Streaming
Unreal in the browser by streaming frames from a GPU server; the infrastructure repo is open.
UnrealGames
Open Source
Needle Engine
Unity and Blender scenes exported to a three.js runtime: a complete DCC-to-web pipeline.
Three.jsUnityAsset pipeline
Open Source
Wonderland Engine
Engine and editor built for WebXR performance.
WebXRGames
Open
Rogue Engine
Editor and component system on top of three.js.
Three.jsGames
Open
GDevelop
Open source no-code engine with a web editor and one-click web publishing.
Games
Open Source
Defold
Lightweight engine with an HTML5 export target, source available.
Games
Open Source
Cocos Creator
Editor-driven engine with WebGL and WebGPU targets, open engine source.
GamesWebGL
Open Source
Filament
Physically based renderer from Google with a WebAssembly build.
WebAssemblyWebGL
Open Source

Frameworks & renderers

The layers most impressive scenes are built on, from three.js and R3F to splat and path-tracing add-ons.

React Three Fiber
React renderer for three.js; the pmndrs ecosystem (drei, postprocessing, rapier bindings) grows around it.
R3F / Threlte / TresThree.js
Open Source
drei
Helpers for R3F: cameras, controls, environments, text, shaders and staging in one import.
R3F / Threlte / TresThree.js
Open Source
postprocessing
Effect composer for three.js with bloom, DOF, SSAO, SMAA and more.
Three.jsPost-processing
Open Source
Threlte
three.js for Svelte.
R3F / Threlte / TresThree.js
Open Source
TresJS
three.js for Vue.
R3F / Threlte / TresThree.js
Open Source
Three.js WebGPU renderer & TSL
The WebGPU path of three.js and the Three Shading Language node system that targets WGSL and GLSL from one graph.
Three.jsWebGPUTSL
Open Source
OGL
Minimal WebGL library for when three.js is too much.
WebGL
Open Source
regl
Functional WebGL: declarative draw commands, no scene graph.
WebGL
Open Source
twgl.js
Tiny WebGL helper library by the author of WebGL / WebGPU Fundamentals.
WebGL
Open Source
p5.js
Creative coding library with a WebGL mode and a browser editor.
p5.jsGenerative art
Open Source
A-Frame
Declarative WebXR on top of three.js.
WebXRThree.js
Open Source
wgpu
Rust implementation of the WebGPU API; the engine underneath Bevy and many WASM demos.
Rust / wgpuWebGPUWebAssembly
Open Source
Spark
Gaussian splat renderer for three.js.
Gaussian splatsThree.js
Open Source
GaussianSplats3D
three.js based viewer for 3D Gaussian splat scenes.
Gaussian splatsThree.js
Open Source
gsplat.js
Standalone WebGL Gaussian splatting library.
Gaussian splatsWebGL
Open Source
three-gpu-pathtracer
Progressive path tracing in the browser on top of three.js and three-mesh-bvh.
Ray & path tracingThree.js
Open Source
three-mesh-bvh
BVH acceleration for raycasting and GPU tracing in three.js.
Three.jsRay & path tracing
Open Source
Rapier
Rust physics engine compiled to WASM with first-class JS bindings.
PhysicsWebAssemblyRust / wgpu
Open Source

Shaders & playgrounds

Where shader work lives in the open: the page is the source.

Shadertoy
The canonical fragment shader playground; every shader page is its own source.
ShadersGLSLRaymarching
Open
compute.toys
Shadertoy for WGSL compute shaders.
WebGPUShaders
Open Source
The Book of Shaders
Interactive GLSL course by Patricio Gonzalez Vivo and Jen Lowe.
GLSLShaders
Open Source
Lygia
Granular, multi-language shader library (GLSL, HLSL, WGSL, Metal) you include function by function.
GLSLShadersWebGPU
Open Source
Inigo Quilez articles
SDFs, raymarching, noise and the math behind most Shadertoy classics.
RaymarchingShaders
Open
Shader Park
JavaScript API that compiles to raymarched SDF shaders, with a live editor.
ShadersRaymarching
Open Source
twigl
Tiny GLSL editor for golfed shaders and live coding.
GLSLShaders
Open Source
GLSL Sandbox
The original open shader gallery, by mrdoob.
GLSLShaders
Open Source
cables.gl
Visual programming for WebGL / WebGPU scenes, exportable and now open source.
WebGLGenerative art
Open Source
NodeToy
Node-based shader editor that exports to three.js.
Three.jsShaders
Open
Babylon Node Material Editor
Visual shader graph for Babylon.js materials.
Babylon.jsShaders
Open
WebGPU Samples
Official WebGPU sample set, every demo with its source beside it.
WebGPU
Open Source
WebGPU Fundamentals
From first triangle to compute shaders, with editable examples.
WebGPU
Open Source
WebGL2 Fundamentals
The same treatment for WebGL2.
WebGL
Open Source
Unicorn Studio
Browser editor for WebGL effects that embed into any site.
WebGLShaders
Open

Asset pipeline & tooling

Blender to glTF, compression, texture transcoding, animation tooling: the workflow between DCC and screen.

glTF-Transform
CLI and SDK for optimizing glTF: dedupe, prune, Draco, meshopt, KTX2, all scriptable.
Asset pipeline
Open Source
meshoptimizer / gltfpack
Mesh compression and the gltfpack one-shot optimizer.
Asset pipeline
Open Source
Draco
Geometry compression from Google, decoded in three.js via WASM.
Asset pipeline
Open Source
KTX-Software (toktx)
GPU texture transcoding to KTX2 / Basis Universal for tiny, GPU-native textures.
Asset pipeline
Open Source
Basis Universal
The supercompressed texture format behind KTX2.
Asset pipeline
Open Source
Blender glTF I/O
The Blender exporter that starts most web 3D pipelines.
Asset pipeline
Open Source
glTF Sample Viewer
Khronos reference viewer for checking exports against the spec.
Asset pipelineWebGL
Open Source
model-viewer
Web component for glTF with AR on mobile.
Asset pipelineWebXR
Open Source
three.js editor
Scene assembly in the browser, exports to JSON / glTF.
Three.js
Open Source
Theatre.js
Animation editor and sequencer for three.js / R3F and the DOM.
AnimationThree.js
Open Source
GSAP
Animation engine used for almost every award-winning WebGL site transition.
Animation
Open Source
Spline
3D design tool that exports directly to web embeds and React.
Three.jsAnimation
Open Source
Rive
Vector animation runtime (WASM) for interactive UI motion.
AnimationWebAssembly
Open Source
Lottie
After Effects animations rendered natively on the web.
Animation
Open Source
Poly Haven
CC0 HDRIs, textures and models: the free lighting behind many demos.
Asset pipeline
Open
Sketchfab
Model marketplace and viewer with glTF downloads.
Asset pipeline
Open

Visualization & maps

GPU-driven data visualization, globes and 3D tiles.

deck.gl
GPU-powered large-scale data visualization layers.
Data vizWebGLMaps & globes
Open Source
luma.gl
The WebGL2 / WebGPU rendering core under deck.gl.
WebGLWebGPUData viz
Open Source
kepler.gl
Geospatial analysis in the browser, built on deck.gl.
Data vizMaps & globes
Open Source
CesiumJS
Global-scale 3D geospatial rendering and 3D Tiles.
Maps & globesWebGL
Open Source
MapLibre GL JS
Open source vector tile maps with 3D terrain and custom WebGL layers.
Maps & globesWebGL
Open Source
globe.gl
Globe data visualization on three.js.
Maps & globesData vizThree.js
Open Source
D3
The grammar most web data visualization still speaks.
Data viz
Open Source
Observable Plot
Concise exploratory charts from the D3 team.
Data viz
Open Source

Learning paths & open examples

Courses, blogs and example repos that show the whole pipeline, not just the result.

Three.js Journey
Bruno Simon's course: from first scene to shaders, R3F and portfolio-grade projects.
Three.jsShadersR3F / Threlte / Tres
Open
bruno-simon.com (folio 2019)
The drivable portfolio that made a generation of developers learn three.js, fully open source.
Three.jsPhysics
Open Source
Maxime Heckel's blog
Long-form R3F and shader articles with interactive, editable demos.
R3F / Threlte / TresShaders
Open
Codrops & akella's demos
Yuri Artiukh's Codrops demos and streams: each one a full repo you can run.
Three.jsShaders
Open Source
Discover three.js
Free book on building a modern three.js app.
Three.js
Open
three.js manual
Official fundamentals, from cameras to custom shaders.
Three.js
Open Source
pmndrs examples
Runnable R3F examples covering the whole ecosystem.
R3F / Threlte / Tres
Open Source
Awesome WebGPU
Curated list of WebGPU resources, engines and demos.
WebGPU
Open Source
Awesome WebGL
Curated list of WebGL libraries, tools and demos.
WebGL
Open Source
Awesome Creative Coding
Generative art, shaders and tooling across languages.
Generative art
Open Source

Showcases & communities

Where new work surfaces first. BLUME harvests several of these automatically.

three.js forum showcase
Where three.js projects get posted first; harvested by BLUME.
Three.js
Open
Codrops Playground
Experimental demos with repos; harvested by BLUME.
Three.jsWebGL
Open Source
Awwwards WebGL
Award-winning WebGL sites; no API, browse by hand.
WebGL
Open
FWA
Daily awards for cutting-edge interactive work.
WebGL
Open
pmndrs market
Free models, HDRIs and materials from the R3F community.
Asset pipelineR3F / Threlte / Tres
Open Source
Chrome Experiments
Google's long-running gallery of browser experiments.
WebGL
Open
r/threejs
Subreddit for three.js work and questions; harvested by BLUME.
Three.js
Open
WebGPU Report
Check what your GPU exposes to WebGPU and how it compares.
WebGPU
Open

X watchlist.

A lot of this work is posted on X first, but X no longer has a public read API: search on the official v2 API needs a developer plan with search access. Add X_BEARER_TOKEN and BLUME harvests X like any other source. Until then, these saved searches and accounts open in the browser.

Saved searches

Accounts worth following

Harvesting the garden…