Showcase

Shader Lab: Stack, Animate, and Export GPU Shaders in the Browser

A layered shader compositor that runs on WebGPU. Stack gradients, text, and TSL passes, then bend them through a CRT layer that models phosphor smear and channel convergence. Write shaders as node graphs, keyframe the knobs, and export the whole thing into React.

Shader Lab: Stack, Animate, and Export GPU Shaders in the Browser captured as a WebGL / WebGPU community feature.

A layered shader compositor that runs on WebGPU. Stack gradients, text, and TSL passes, then bend them through a CRT layer that models phosphor smear and channel convergence. Write shaders as node graphs, keyframe the knobs, and export the whole thing into React.

The project is collected here for the same reason the best browser graphics work keeps spreading: it makes the GPU visible through a concrete interface, not a lecture. The result feels inspectable, fast, and specific to the web.

Launch Demo
  • Published: Jun 4, 2026
  • Section: Showcase
  • Tags: WebGPU, Shaders, TSL