Shaders
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
Shaders is an open-source WebGPU effects library that packages GPU graphics as declarative web components. It offers more than 200 effects covering gradients, glass, noise, lighting, distortions, transitions, blurs, cursor interactions, and related visuals. The same package provides first-class APIs for React, Vue, Svelte, Solid, and plain JavaScript. Effects can be layered, blended, masked, and updated reactively through typed properties. A visual editor can create effect stacks and export the resulting component tree as application code. CLI, agent-skill, and MCP integrations allow developers and coding agents to search, install, update, and manipulate shader components programmatically.