THREE.JS SHADER GRAPH
REV. 1.0 // BETA PREVIEW

Create stunning shaders
without writing code

A visual node-based editor for Three.js Shading Language (TSL).
Build complex effects with an intuitive drag-and-drop interface.

Join the beta waitlist for early access

Three.js Shader Graph Editor
SPECIFICATIONS

Everything you need to create
beautiful shaders

01

Visual Node Editor

Create complex shaders by connecting nodes together. Intuitive drag-and-drop interface makes shader creation accessible to everyone.

02

Real-time Preview

See your changes instantly with live preview. Iterate quickly and experiment freely without waiting for compilation.

03

Powered by TSL

Generates Three.js Shading Language code that works seamlessly with WebGL and WebGPU renderers.

04

Export to GLSL/WGSL

Need raw shader code? Export to GLSL or WGSL for use in other engines like Unity, Unreal, or Godot.

05

Rich Node Library

Access a comprehensive library of nodes for math operations, textures, colors, noise functions, and more.

06

Save & Share

Save your shader graphs and share them with the community. Learn from others and build upon existing creations.

Ready to start creating?

Join the beta waitlist to get early access and be the first to know when we launch.