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

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 Gausify Orbit

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.

@obraiaMIT
Preview of Pigment Atlas

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.

@epicsagasMIT
Preview of MuTracer

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.

@pissangMIT
Preview of Shaders

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.

shader-effects-incMIT
Preview of gpu slider

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.

@niklaspMIT
Preview of DeepGPU Zoomer

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.

@buzzstudioGPL
Preview of GSS (GPU Style Sheets)

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.

@LukyVjApache-2.0
Preview of Clearwater

Clearwater

Infinite FFT ocean and pool studies compiled from CUDA to WGSL, running live in the browser over WebGPU with weather and camera controls.

SamG-Coder (@SamGCoder)MIT
Preview of vackrooms

vackrooms

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

Pablo Stanley (@pablostanley)MIT
Preview of OpenShaders

OpenShaders

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

David H. (@davidhaz)MIT
Preview of TypeShade

TypeShade

TypeScript shader language: write "use typeshade" files that compile to WGSL for WebGPU and GLSL ES 3.00 for WebGL2.

typeshadeMIT
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 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 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 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 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 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 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 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 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