Build Shaders. Skip the Code.

Create stunning Three.js shaders without writing a single line of code.

TEMPLATES

Start with a
built-in template

Jump straight into creating with our collection of pre-built shader templates.

Or start from scratch
SPECIFICATIONS

Everything you need to create
beautiful shaders

01

Visual Node Editor

Drag and drop nodes to create complex shaders without writing code. Intuitive interface for both beginners and experts.

02

TSL Code Generation

Automatically generates Three.js Shading Language code that updates in real-time as you build your shader graph.

03

Live Preview

See your shader come to life with real-time preview on every node. Toggle previews to debug your shader flow.

04

Rich Node Library

Over 50+ nodes including math, color, texture, procedural patterns, and more. Everything you need to create stunning effects.

05

Instant Export

Export your shaders to TSL with a single click. GLSL and WGSL export coming soon.

06

Extensible

Import TSL code to create reusable subgraphs. Build and compose complex shader effects from smaller building blocks.

Join the Mailing List

Get notified when new features and updates are released. Help shape the future of shader creation.

END GRID
DOCUMENTATION

Frequently Asked
Questions

FAQ