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

Preview of Svader

Svader

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

sockmaster27MIT
Preview of Shader Lab

Shader Lab

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

basement.studio (@basementstudio)MIT
Preview of Liquid Orb Editor

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.

LerSent001MIT
Preview of ChartGPU

ChartGPU

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

ChartGPU (@ChartGPU)open-source
Preview of vgpu

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.

Vercel LabsMIT
Preview of Ripl

Ripl

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

Andrew Courtice (@andrewcourtice)MIT
Preview of advanced-threejs-tsl-webgpu-rendering

advanced-threejs-tsl-webgpu-rendering

Guide and code patterns for optimizing Three.js WebGPU rendering with TSL, covering compute shaders, instancing and memory layout.

David Ronai / Makio64 (@Makio64)MIT
Preview of Gaussian Splat Lite

Gaussian Splat Lite

Lightweight Three.js Gaussian splat viewer with WebGPU and WebGL2, streaming LOD, stochastic rendering and PLY/SPZ/SOG/RAD support.

William Liu (@lyzzz97)Apache-2.0
Preview of Softie

Softie

WebGPU slime you poke, knead and lift with springy physics, color presets and squish audio in the browser.

@yuanyang749MIT
Preview of three-gtvbao

three-gtvbao

GT-VBAO screen-space ambient occlusion for three.js WebGPU and WebGL2, written in TSL with presets, TRAA and denoising.

norioMIT
Preview of Otion

Otion

Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.

Goldkey (@goldkey)free
Preview of Fayaaa

Fayaaa

WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.

XblueprintlabMIT
Preview of Galaxium

Galaxium

WebGPU space explorer that flies you from Earth out to planets, stars, nebulae and distant galaxies in one continuous 3D scene.

@guillaumecfree
Preview of compute.toys

compute.toys

Browser playground for WGSL compute shaders: write, run and publish GPU compute experiments with a public gallery of other people's sketches.

compute-toysopen-source
Preview of Particles4All

Particles4All

WebGPU solver that simulates fluid and rigid bodies as one position-based-dynamics system, with screen-space fluid surface reconstruction.

matsuoka-601 (@matsuoka_601)MIT
Preview of Splat.js

Splat.js

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

Arrival Space (Stratum1 GmbH)MIT
Preview of Infinite Liquid Glass

Infinite Liquid Glass

WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.

Simon Hedlund (@shadersweden)unknown
Preview of tsl-textures

tsl-textures

Collection of procedural textures such as wood, marble, cave, planet and camouflage, authored in Three.js Shading Language.

Pavel Boytchev (@boytchev)MIT
Preview of awesome-webgpu

awesome-webgpu

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

Mik Bry (@mikbry)open-source
Preview of gpu-curtains

gpu-curtains

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

Martin Laxenaire (@martinlaxenaire)MIT
Preview of TypeGPU

TypeGPU

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

Software Mansion (@swmansion)MIT
Preview of Threejs TSL Tutorials

Threejs TSL Tutorials

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

Christian Helgeson (@cmhhelgeson)MIT
Preview of WebGPU Fundamentals

WebGPU Fundamentals

Article series teaching WebGPU: pipelines, bind groups, memory layout, compute shaders, lighting and post-processing.

Gregg Tavares (@greggman)free
Preview of liquid-glass-studio

liquid-glass-studio

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

(@iyinchao)open-source