Spectra Shader Lab

WebGPU shader effects you can preview and export

Visit site

Shaders & WebGLFreeReactWebGPUWGSL

Live site

Open

vgpu-shader-lab.vercel.app

Preview Spectra Shader Lab inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

A browser-based WebGPU lab with fifteen preset effects — spectral silk, glass orbit, reaction bloom, iridescent foil, particle veil and more. Drag to influence flow, tune parameters live, and copy a React `<ShaderCanvas>` setup.

Get started

terminal

npm i @react-three/fiber three

Related in Shaders

View all

Shadertoy

shadertoy.com

The GLSL fragment shader archive

ShadersFreeGLSLWebGL

Three.js

threejs.org

The WebGL renderer everyone builds on

ShadersOpen sourceJavaScriptWebGL

React Three Fiber

r3f.docs.pmnd.rs

Three.js as React components

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs