About this project

FastShaders provides a visual interface for authoring shaders in Three.js Shading Language (TSL) for web-based virtual reality. The editor synchronizes node graph and code editing, allowing round-trip changes between visual and textual representations. It visualizes shader performance impact using measured per-node GPU costs from target headsets via the bundled ShaderCarousel benchmark, and offers node-function visualizations, real-time data displays, and visual-effect templates. The project includes Podest (a standalone full-screen shader viewer for unattended pedestal displays), ShaderCarousel (a benchmark suite for measuring per-node GPU costs), and a-frame-shaderloader (an A-Frame component for integrating exported shaders into scenes). Available as a web application and desktop app (Windows/macOS via Tauri), it is built with React, TypeScript, Vite, and three.js. Exported shaders work with A-Frame scenes using provided loader scripts that bundle A-Frame and Three.js.