Build live generative art and animations by wiring operators together visually.
Import an exported TouchDesigner project and continue working on it in the browser.
Load one of the ten included example patches to explore techniques like feedback trails and 3D scenes.
| frank890417/webtoe | aerdelan/housand-domaintoolmatrix | alibaba/webmcp-nexus | |
|---|---|---|---|
| Stars | 22 | 22 | 22 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | easy | moderate |
| Complexity | 2/5 | 2/5 | 3/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
WebToe is a visual programming tool that runs entirely in a web browser. Instead of writing code line by line, you build programs by connecting operators with virtual wires, similar to patching a modular synthesizer. The result plays back as a live visual output: animations, signal-driven graphics, generative art, and 3D scenes, all without installing anything. The project follows the structure of TouchDesigner, a desktop application used by creative coders and live performers. WebToe has the same operator families: images (TOPs), audio-style signals (CHOPs), 3D geometry (SOPs), materials, and containers that hold entire sub-networks. If you work in TouchDesigner, you can export a project using the command-line tool that ships with your installation, then drop the result into WebToe. Supported operators run live, unsupported ones become stubs that preserve wiring, layout, and parameter values, with a report on what ran and what did not. Everything is processed on your GPU. Image operations run as graphics passes, channel operators drive parameter values in real time, and the editor shows live previews on every node simultaneously. Two GPU paths are available: WebGL2 works in most browsers today, and WebGPU is a selectable alternative for browsers that support it. The whole application is about 90 kilobytes of JavaScript with no external libraries. Ten example patches ship with the project and load from the editor toolbar. The flagship runs 27 connected operators: webcam input through edge detection, a 3D scene with instanced geometry and an orbiting camera, noise-driven feedback trails, and a channel rig wired through live math expressions. Simpler examples cover noise, mouse-driven feedback, and signal scoping. For developers, the codebase uses npm workspaces with a layered structure: a core graph engine, operator definitions with hand-written GPU shaders, and the browser editor on top. Parameters support short expressions that reference other operators or the current time. The project is MIT licensed.
A browser-based visual programming tool for building live animations and generative art by wiring together operators, similar to TouchDesigner.
Mainly TypeScript. The stack also includes TypeScript, WebGL2, WebGPU.
MIT license: use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.