Shaders open-sources 200+ WebGPU components for web effects and AI coding workflows
Shaders, a web visual effects tool, has open-sourced more than 200 WebGPU effect components, its core rendering engine, and adaptation code for multiple front-end frameworks under the MIT license. The release allows developers to use the assets for both personal and commercial projects at no cost. Shaders said users can fine-tune effects in its web editor first, then export code that can be used directly in React, Vue, Svelte, and other projects. The toolkit is also positioned as useful for AI coding workflows: Claude Code, Cursor, and Codex agents can search and invoke the components through MCP. Previously, agents trying to build complex web effects often had to generate low-level WGSL code on the fly, which led to inconsistent visual results and unstable performance. With prebuilt components now available, that work can shift to modifying existing modules instead of building and optimizing everything from scratch. Shaders did not open-source its entire product. Its visual editor remains operated by the company, while some advanced presets, full web blocks, and image and video rendering features stay in the paid Pro version.
