A Node Based Editor for Three.js Shading Language (TSL)
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
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.
HN · launched Jan 22, 2026 · 7 upvotes (top 65%) · 3 views
Niche: 3d modeling and rendering software · 145 launches, 21 in the last 7 days ▼ -13% · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
Visit website ↗ Source listing ↗
More like this: all 145 launches in 3d modeling and rendering software →
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 : 448 launches clear the similarity bar, closest 8 shown.
Attention rank: #278 of 449 (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.61
- GSS - GPU Style Sheets · ph · 2026-10-07 · 9 upvotes · similarity 0.56
- ShaderKit · hn · 2026-05-15 · 5 upvotes · similarity 0.54
- Fio: 3D World editor/game engine · hn · 2026-03-26 · 96 upvotes · similarity 0.52
- node-webgl · github · 2026-09-16 · 39 upvotes · similarity 0.49
- 15 Interactive Web Animations · ph · 2026-10-02 · 2 upvotes · similarity 0.49
- Horizon-Translator · github · 2026-11-01 · 18 upvotes · similarity 0.46
- Lambda 0.2 · hn · 2026-03-24 · 9 upvotes · similarity 0.45
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.