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

React Three Fiber

r3f.docs.pmnd.rs

Three.js as React components

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs

Drei

drei.docs.pmnd.rs

The R3F standard library