Harvesting the garden…
blumecafe.Free · No sign-up
Harvesting the garden…
The web 3D toolkit
Find the engines, frameworks, shader playgrounds and guides behind great browser graphics. Choose a category and open a resource directly.
Full engines whose output runs in a tab: WebGL, WebGPU or WASM targets, several with cloud editors.
The reference WebGL and WebGPU library. Its examples directory is the largest pile of open source scenes on the web.
Complete engine with a browser playground, node material editor, WebGPU renderer and physics.
Open source engine paired with a collaborative cloud editor; projects publish straight to a URL.
Exports to HTML5 / WebAssembly; the web editor runs in a browser too.
Rust ECS engine that runs in the browser through wgpu and WebAssembly; the examples page is all live builds.
Fast 2D renderer with WebGL and WebGPU backends, the workhorse behind countless interactive sites.
2D game framework for the browser with a large example base.
Unity builds to WebGL and, more recently, WebGPU; the manual covers the build pipeline and its limits.
Unreal in the browser by streaming frames from a GPU server; the infrastructure repo is open.
Unity and Blender scenes exported to a three.js runtime: a complete DCC-to-web pipeline.
Engine and editor built for WebXR performance.
Editor and component system on top of three.js.
Open source no-code engine with a web editor and one-click web publishing.
Lightweight engine with an HTML5 export target, source available.
Editor-driven engine with WebGL and WebGPU targets, open engine source.
Physically based renderer from Google with a WebAssembly build.
The layers most impressive scenes are built on, from three.js and R3F to splat and path-tracing add-ons.
React renderer for three.js; the pmndrs ecosystem (drei, postprocessing, rapier bindings) grows around it.
Helpers for R3F: cameras, controls, environments, text, shaders and staging in one import.
Effect composer for three.js with bloom, DOF, SSAO, SMAA and more.
three.js for Svelte.
three.js for Vue.
The WebGPU path of three.js and the Three Shading Language node system that targets WGSL and GLSL from one graph.
Minimal WebGL library for when three.js is too much.
Functional WebGL: declarative draw commands, no scene graph.
Tiny WebGL helper library by the author of WebGL / WebGPU Fundamentals.
Creative coding library with a WebGL mode and a browser editor.
Declarative WebXR on top of three.js.
Rust implementation of the WebGPU API; the engine underneath Bevy and many WASM demos.
Gaussian splat renderer for three.js.
three.js based viewer for 3D Gaussian splat scenes.
Standalone WebGL Gaussian splatting library.
Progressive path tracing in the browser on top of three.js and three-mesh-bvh.
BVH acceleration for raycasting and GPU tracing in three.js.
Rust physics engine compiled to WASM with first-class JS bindings.
Where shader work lives in the open: the page is the source.
The canonical fragment shader playground; every shader page is its own source.
Shadertoy for WGSL compute shaders.
Interactive GLSL course by Patricio Gonzalez Vivo and Jen Lowe.
Granular, multi-language shader library (GLSL, HLSL, WGSL, Metal) you include function by function.
SDFs, raymarching, noise and the math behind most Shadertoy classics.
JavaScript API that compiles to raymarched SDF shaders, with a live editor.
Tiny GLSL editor for golfed shaders and live coding.
The original open shader gallery, by mrdoob.
Visual programming for WebGL / WebGPU scenes, exportable and now open source.
Node-based shader editor that exports to three.js.
Visual shader graph for Babylon.js materials.
Official WebGPU sample set, every demo with its source beside it.
From first triangle to compute shaders, with editable examples.
The same treatment for WebGL2.
Browser editor for WebGL effects that embed into any site.
Blender to glTF, compression, texture transcoding, animation tooling: the workflow between DCC and screen.
CLI and SDK for optimizing glTF: dedupe, prune, Draco, meshopt, KTX2, all scriptable.
Mesh compression and the gltfpack one-shot optimizer.
Geometry compression from Google, decoded in three.js via WASM.
GPU texture transcoding to KTX2 / Basis Universal for tiny, GPU-native textures.
The supercompressed texture format behind KTX2.
The Blender exporter that starts most web 3D pipelines.
Khronos reference viewer for checking exports against the spec.
Web component for glTF with AR on mobile.
Scene assembly in the browser, exports to JSON / glTF.
Animation editor and sequencer for three.js / R3F and the DOM.
Animation engine used for almost every award-winning WebGL site transition.
3D design tool that exports directly to web embeds and React.
Vector animation runtime (WASM) for interactive UI motion.
After Effects animations rendered natively on the web.
CC0 HDRIs, textures and models: the free lighting behind many demos.
Model marketplace and viewer with glTF downloads.
GPU-driven data visualization, globes and 3D tiles.
GPU-powered large-scale data visualization layers.
The WebGL2 / WebGPU rendering core under deck.gl.
Geospatial analysis in the browser, built on deck.gl.
Global-scale 3D geospatial rendering and 3D Tiles.
Open source vector tile maps with 3D terrain and custom WebGL layers.
Globe data visualization on three.js.
The grammar most web data visualization still speaks.
Concise exploratory charts from the D3 team.
Courses, blogs and example repos that show the whole pipeline, not just the result.
Bruno Simon's course: from first scene to shaders, R3F and portfolio-grade projects.
The drivable portfolio that made a generation of developers learn three.js, fully open source.
Long-form R3F and shader articles with interactive, editable demos.
Yuri Artiukh's Codrops demos and streams: each one a full repo you can run.
Free book on building a modern three.js app.
Official fundamentals, from cameras to custom shaders.
Runnable R3F examples covering the whole ecosystem.
Curated list of WebGPU resources, engines and demos.
Curated list of WebGL libraries, tools and demos.
Generative art, shaders and tooling across languages.
Where new work surfaces first. BLUME harvests several of these automatically.
Where three.js projects get posted first; harvested by BLUME.
Experimental demos with repos; harvested by BLUME.
Award-winning WebGL sites; no API, browse by hand.
Daily awards for cutting-edge interactive work.
Free models, HDRIs and materials from the R3F community.
Google's long-running gallery of browser experiments.
Subreddit for three.js work and questions; harvested by BLUME.
Check what your GPU exposes to WebGPU and how it compares.
Discover creators sharing web graphics and creative code. These saved searches and accounts link directly to X, so you can explore the work and follow its creators.
Saved searches
Accounts worth following
Creator of three.js
Official releases and showcase reposts
Three.js Journey, portfolio experiments
Codrops demos, shader streams
React Three Fiber and pmndrs
R3F ecosystem releases
R3F and shader deep dives
SDFs, raymarching, Shadertoy co-creator
Book of Shaders, Lygia
WebGL experiments since forever
Generative art and tooling
three-mesh-bvh, GPU path tracing
Unity VFX, often web-ported ideas
Engine releases and demos
Engine and editor showcases
2D renderer news
New demos and tutorials
Daily award-winning sites
Engine and web export news
Rust engine releases with web builds