A Node Based Editor for Three.js Shading Language (TSL)
Details
- External ID
- 46721960
- Source
- HN
- Company
- —
- Product
- A Node Based Editor for Three.js Shading Language (TSL)
- Website domain
- tsl-graph.xyz
- Launched
- Jan. 22, 2026
- Cohort
- —
- Upvotes
- 7
- Upvotes percentile
- 0.3544137022397892
- Tags
- —
- Fetched at
- Sept. 7, 2026, 9:25 p.m.
- Updated at
- Sept. 7, 2026, 9:25 p.m.
Description
Three.js recently introduced TSL (Three.js Shading Language), a way to write shaders in pure JavaScript/TypeScript that compiles to both GLSL and WGSL. I built this editor to provide a visual interface for the tsl ecosystem. It allows developers to prototype shaders for WebGPU/WebGL and see the results in real-time. This is a beta release and I'm looking for feedback.
Enrichment
- Theme
- creative coding and visual experiments
- Vertical
- Horizontal
- Function
- Dev tools
- Audience
- Developer
- AI stance
- Not AI
- Project type
- Commercial product
- Normalized one-liner
- node-based editor for three.js shading language
- Manually corrected
- False
Could you build this?
Partial Building a node UI is facilitated by libraries like React Flow, but compiling interactive node graphs into valid Three.js Shading Language (TSL) with correct type checking and live WebGPU/WebGL preview requires specialized graphics math knowledge.
What it would actually take: The stack uses React/TypeScript with a node canvas library (e.g., React Flow), integrated with Three.js WebGPU renderer and TSL node AST compilers. The hardest part is managing shader graph topological sorting, preventing cycle errors, scoping local variables/subgraphs, and generating syntactically valid WGSL/GLSL through Three.js TSL AST abstractions.
Discussion
1 comment analyzed.
Feature requests: Show how it works on home page instead of login screen
Competitors
Other products that read as similar to this one — 185 launches clear the similarity bar, closest 8 shown.
Attention rank: #131 of 186 (itself plus its competitors, highest first — normalized so YC and Product Hunt are compared fairly).
Launched 82 days after the earliest competitor.
- Zephyr3D · hn · 2025-11-26 · 9 upvotes · similarity 0.60
- ShaderKit · hn · 2026-05-15 · 5 upvotes · similarity 0.53
- Fio: 3D World editor/game engine · hn · 2026-03-26 · 96 upvotes · similarity 0.51
- node-webgl · github · 2026-09-16 · 39 upvotes · similarity 0.49
- Lambda 0.2 · hn · 2026-03-24 · 9 upvotes · similarity 0.44
- Immersive Globe · ph · 2026-09-10 · 2 upvotes · similarity 0.44
- Wave · hn · 2026-09-25 · 7 upvotes · similarity 0.43
- Ripl · hn · 2026-03-19 · 17 upvotes · similarity 0.42
Other launches for this product
- No other launches for this product.
Same idea, different domain
Nobody's really built a dev tools tool for Sales yet.