The Vibeary — tag
webgpu
24 resources in The Vibeary tagged "webgpu" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

Svader
Svelte library for building components whose surface is rendered by a WebGL or WebGPU fragment shader, handling sizing and lifecycle.

Shader Lab
Browser toolkit for creating, stacking and animating layered GPU shaders, then exporting the composed result as code.

Liquid Orb Editor
Real-time WebGPU liquid-glass sphere editor with 11 presets, URL-hash parameter sharing, and export to standalone HTML or SwiftUI/Metal code.

ChartGPU
WebGPU-rendered charting library aimed at datasets large enough to stall canvas and SVG renderers.

vgpu
TypeScript WebGPU library with importable WGSL modules that renders the same shader to a browser canvas, headless Node.js, images, video, and CI snapshot tests.

Ripl
TypeScript graphics library with one API that renders to Canvas, SVG, WebGPU or the terminal, plus 23 built-in chart types.

advanced-threejs-tsl-webgpu-rendering
Guide and code patterns for optimizing Three.js WebGPU rendering with TSL, covering compute shaders, instancing and memory layout.
Gaussian Splat Lite
Lightweight Three.js Gaussian splat viewer with WebGPU and WebGL2, streaming LOD, stochastic rendering and PLY/SPZ/SOG/RAD support.
Softie
WebGPU slime you poke, knead and lift with springy physics, color presets and squish audio in the browser.

three-gtvbao
GT-VBAO screen-space ambient occlusion for three.js WebGPU and WebGL2, written in TSL with presets, TRAA and denoising.
Otion
Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.
Fayaaa
WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.

Galaxium
WebGPU space explorer that flies you from Earth out to planets, stars, nebulae and distant galaxies in one continuous 3D scene.
compute.toys
Browser playground for WGSL compute shaders: write, run and publish GPU compute experiments with a public gallery of other people's sketches.
Particles4All
WebGPU solver that simulates fluid and rigid bodies as one position-based-dynamics system, with screen-space fluid surface reconstruction.

Splat.js
Trains 3D Gaussian splats entirely in a browser tab: photos in, camera poses solved on WebGPU, standard .ply out.

Infinite Liquid Glass
WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.
tsl-textures
Collection of procedural textures such as wood, marble, cave, planet and camouflage, authored in Three.js Shading Language.

awesome-webgpu
Curated index of WebGPU libraries, engines, samples, articles and tooling, maintained as the specification ships.

gpu-curtains
Lightweight WebGPU rendering library that turns DOM elements into textured planes and meshes driven by WGSL shaders.

TypeGPU
Modular WebGPU toolkit with typed buffers, bind groups and the ability to author WGSL shaders directly in TypeScript.

Threejs TSL Tutorials
Tutorial code repository working through Three.js Shading Language and WebGPURenderer with progressively more complex shader examples.
WebGPU Fundamentals
Article series teaching WebGPU: pipelines, bind groups, memory layout, compute shaders, lighting and post-processing.

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