Skip to content
Home

TSL Graph

A node-based visual editor for building Three.js TSL shaders without writing GLSL, with real-time preview and one-click export to JavaScript.

A node-based visual editor for building Three.js TSL shaders without writing GLSL code. It solves the problem of complex shader development by providing a drag-and-drop interface with over 200 built-in nodes, real-time preview, and one-click export to clean JavaScript. It targets developers and engineering teams working with Three.js in web development, from freelancers to enterprises. It is delivered as a SaaS tool with instant share links for collaboration and remixing.

Key features

  • Visual Node Editor
  • Drag-and-drop interface
  • TSL Code Export
  • Real-time Preview
  • Rich Node Library (200+ nodes)
  • Code Nodes (raw TSL/WGSL)
  • Subgraph Nodes
  • Post-Processing & MRT
  • Local Variables
  • Smart UX & Routing
  • Debug & Inspect
  • Organization Tools
  • Instant Share Links
  • No social media activity within the last 30 days
GTM channels
  • No GTM activity detected
ICP
  • Software developers
  • Engineering teams
  • Startups