Alternatives

Products that do what A Node Based Editor for Three.js Shading Language (TSL) does

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.

1. 1TC
   Tridiv - CSS 3D Editor▲277

   2013 · tridiv.com

2. 2JS
   Js2glsl ShaderToy – Source to Source Compiler from JavaScript to GLSL▲38

   2015 · jdavidberger.github.io

3. 3
   3D Parallax Editor by Webydo▲145

   Craft interactive 3D animations, without code

   2016

4. 4ZT
   Zephyr3D – TypeScript WebGPU/WebGL 3D engine with an in‑browser editor▲9

   Hi HN, I’ve been working on Zephyr3D, an open-source 3D rendering engine for the modern web, plus a visual editor that runs entirely in the browser. - Written in TypeScript - Supports WebGL/WebGL2/WebGPU - Comes with a visual editor that runs in the browser (no installation required) With the recent updates, a few things might be interesting to people here: Engine & rendering ------------------ - WebGL/WebGPU abstraction with a TypeScript API - PBR rendering - Cluster lighting & Shadow Maps - Clipmap-based terrain for large landscapes - Sky Atmosphere & Height-based fog - FFT…

   Nov 2025 · zephyr3d.org

5. 5TT
   T3 – Template to build Three.js applications▲48

   2014 · maurizzzio.github.io

6. 6
   Vizor Patches▲103

   Visual 3D editor based on ThreeJS

   2017

7. 7
   Windl▲81

   Open source Tailwind CSS components library

   2022

8. 8
   Shader Vision▲138

   Real-time GPU shader editor for spatial computing

   2024

9. 9SC
   Shadergarden: Create reloadable graphical pipelines with Lisp and GLSL▲47

   2021 · blog.tonari.no

10. 10
    Triangulart▲106

    Graphic editor build in JS to create isometric illustrations

    2016

11. 11
    Tridiv▲72

    Web-based editor for creating 3D shapes in CSS

    2014

12. 12RJ
    Rune.js – Graphic design systems with SVG in the browser or Node.js▲92

    2015 · runemadsen.github.io

13. 13AC
    A conformant WebGL implementation for Node.js▲57

    2016 · github.com

14. 14SA
    Shade, a language based on C, Go, and Haskell▲15

    2012 · github.com

15. 15IG
    Interactive GLSL fragment shaders editor made with Qt▲9

    2019 · github.com

16. 16TA
    TWGL – A tiny WebGL helper library▲33

    2015 · twgljs.org

17. 17ST
    Scala-ts – Scala to TypeScript compiler▲66

    2016 · github.com

18. 18GA
    Gltfjsx, a tool that turns 3D GLTF files into React components▲29

    2020 · twitter.com

19. 19OS
    OpenGL-Shader Tutorial in form of a detailed documented sample project▲58

    2016 · github.com

20. 20SA
    ShaderKit – A browser GLSL editor I built for my own art▲5

    I make fractal art with GLSL and got tired of fighting Shadertoy's limits when I wanted to actually finish and export pieces. So I built the tool I wanted: ShaderKit runs in the browser, fully ShaderToy-compatible, but adds the export pipeline that was missing for me. - Loop examination mode: visualizes the transition point of a looping shader in slow motion so you can see exactly where it breaks. X-time remapping helps debug discontinuities by mapping time to the x coordinate, this way you can see literally if the loop is seamless or not, if you see any seams, its not seamless. This is what…

    May 2026 · shaderkit.com

21. 21MA
    Modular and Live-Reloading Shaders in WebGL▲30

    2015 · youtube.com

22. 22PG
    Procedural-gl – open-source 3D mapping library built with Three.js▲29

    2020 · github.com

23. 23WV
    WebRadio Visualizer now supporting WebGL shaders▲17

    2019 · github.com

24. 24TG
    Turtle Graphics library for p5.js sketches / JavaScript (open-source)▲30

    2020 · github.com

Ranked by how close each launch is in meaning, then by votes. Refine with a description →