GLSL to TSL
Shader Converter

TSL (Three.js Shading Language) is the node-based way to write shaders for the Three.js WebGPU renderer. It replaces hand-written GLSL strings with composable JavaScript nodes that run on both WebGPU and WebGL.

GLSL fragment shaders — Shadertoy `mainImage` shaders and `ShaderMaterial` fragment shaders. Vertex shaders, compute shaders and multi-pass/buffer-feedback Shadertoy shaders aren't supported yet.

Your original GLSL renders on the left via WebGL, and the converted TSL renders on the right via WebGPU, on identical geometry. You only see “Conversion verified” when both compile and run cleanly — so you're not trusting code you haven't seen work.

Yes — completely free, with no account needed. Conversion runs on the official Three.js transpiler entirely in your browser.

The official Three.js GLSL→TSL transpiler (three/addons/transpiler) runs in your browser — the same deterministic tool the Three.js team maintains. It handles Shadertoy `mainImage` shaders and `ShaderMaterial` fragments, including functions, loops and uniforms.

Nothing is uploaded — the conversion and both side-by-side previews run entirely in your browser using the Three.js transpiler, WebGL and WebGPU.

The converter ports your shader; if you want to author TSL from scratch, take our interactive 'Learn Practical TSL' course, which teaches the node graph, lighting, and effects step by step.