Shaders

Three.js Shading Language

Write shaders in JavaScript, compile to WGSL or GLSL

pnpm add three

threejs.org/docs/#api/en/nodes/core/Node

Runs threejs.org/docs/#api/en/nodes/core/Node in a sandboxed frame

What it is

A node-based shading language inside Three.js that targets both WebGPU and WebGL — composable materials without string concatenation.

A shader standard library

React-three-fiber mesh gradient generator

Zero-dependency animated shader backgrounds