The Vibeary — tag
webgpu
35 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.
Gausify Orbit
Turns an orbit video, including AI-generated ones, into a Gaussian splat entirely in the browser: frame picking, optional cutout, camera poses and Brush training on WebGPU.
Pigment Atlas
Atlas of 100 phenomena from micro to cosmos rendered as flowing data pigment in three.js WebGPU and TSL, an open homage to Refik Anadol's visual style.
MuTracer
Physically based path tracer for the browser on WebGPU with a WebGL 2 fallback, OpenPBR materials, BVH acceleration, OIDN denoising and incremental Three.js scene sync.

Shaders
Newly open-sourced WebGPU shader components for React, Vue, Svelte, Solid, vanilla JS and Framer, plus a free design editor to compose effects and export them.

gpu slider
Image slider and carousel drawn by shaders on WebGPU with WebGL 2 fallback; pointer-following transitions, spring motion, lazy loading and real HTML text over the canvas.
DeepGPU Zoomer
Browser Mandelbrot and Julia set explorer on WebGPU that zooms past 10^-400 in real time, with palette editor, lighting, saved locations and PNG export.

GSS (GPU Style Sheets)
CSS-like language for 3D scenes: selectors, cascade, nesting and @keyframes compile into one raymarching shader for WebGPU and WebGL2, with playground, VS Code extension and <gss-scene> tag.
Clearwater
Infinite FFT ocean and pool studies compiled from CUDA to WGSL, running live in the browser over WebGPU with weather and camera controls.

vackrooms
Endless first-person backrooms game presented as a damaged VHS tape, built with Next.js, Three.js, Rapier and WebGPU.

OpenShaders
Open-source home for web shaders: claim a username, explore name-generated shaders, and copy ready React or JS modules.

TypeShade
TypeScript shader language: write "use typeshade" files that compile to WGSL for WebGPU and GLSL ES 3.00 for WebGL2.
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.
Gaussian Splat Lite
Lightweight Three.js Gaussian splat viewer with WebGPU and WebGL2, streaming LOD, stochastic rendering and PLY/SPZ/SOG/RAD support.
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.
compute.toys
Browser playground for WGSL compute shaders: write, run and publish GPU compute experiments with a public gallery of other people's sketches.

Galaxium
WebGPU space explorer that flies you from Earth out to planets, stars, nebulae and distant galaxies in one continuous 3D scene.
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.

Threejs TSL Tutorials
Tutorial code repository working through Three.js Shading Language and WebGPURenderer with progressively more complex shader examples.

TypeGPU
Modular WebGPU toolkit with typed buffers, bind groups and the ability to author WGSL shaders directly in TypeScript.
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.