nowfound

Life & fun · January 22, 2026

AN

A Node Based Editor for Three.js Shading Language (TSL)

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.

A Node Based Editor for Three.js Shading Language (TSL) launched on January 22, 2026 with 7 votes, #1,609 of 14,584 launches that month and more than 75% of that year's launches.

Visit tsl-graph.xyz ↗Alternativestop 11% of January 2026

What it does

Visual node-based shader editor for Three.js shading language (TSL)

Does a similar job

all alternatives →
  • A conformant WebGL implementation for Node.js2016 · github.com · ▲57

    🎃 Windowless WebGL for node.js. Contribute to stackgl/headless-gl development by creating an account on GitHub.

  • An ASCII 3D Rendering EngineJun 2026 · glyphcss.com · ▲211

    Render 3D models (OBJ, glTF, GLB, STL, .vox) as ASCII art — in the browser, in React or Vue, or straight in your terminal. A three.js-style API with no WebGL and no canvas: just text in a single <pre>.

  • Volume rendering 3D data in Three.js and GLSL2024 · github.com · ▲108

    I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…

  • Shadergarden: Create reloadable graphical pipelines with Lisp and GLSL2021 · blog.tonari.no · ▲47

    Create evolving artistic images with hot-code-reloaded Lisp and GLSL.

  • TWGL – A tiny WebGL helper library2015 · twgljs.org · ▲33

    TWGL.js, a tiny WebGL helper library

  • JS

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, January 2026

the whole month →
  • IN

    Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http:&#x2F;&#x2F;cannoneyed.com&#x2F;projects&#x2F;isometric-nyc

    AI · Jan 2026 · cannoneyed.com

  • Cowork▲1,088

    Turn Claude into your digital coworker

    AI · Jan 2026 · claude.com

  • DataFast▲867

    Revenue-first analytics

    Growth · Jan 2026 · datafa.st

  • OpenClaw▲836

    The AI that actually does things

    AI · Jan 2026 · openclaw.ai

  • Automatic AI-powered code reviews the moment you open a PR

    Dev tools · Jan 2026 · kilo.ai

  • AI Content Maker, for Social Media Publishing

    AI · Jan 2026 · postsyncer.com