Shaders brings 200+ WebGPU effects to React, Vue, Svelte, Solid, and JavaScript
Shaders, WebGPU Components for React, Vue, Svelte, Solid, JavaScript and Framer
Shaders is a new library that provides over 200 WebGPU effects as declarative components for React, Vue, Svelte, Solid, and vanilla JavaScript. Each effect is a component, and you can nest, blend, and mask them. A visual design editor lets you export code for your framework, and a CLI syncs designs into your codebase. The library is MIT-licensed and used by 16,000+ design engineers. Pro adds 1,000+ presets and Framer integration.
Real WebGPU, declarative API: 200+ effects you drop in as components. Gradients, noise, glass, metal, light, distortions, transitions, blurs, cursor effects. Nest them, blend them, mask them.