Shaders lanza más de 200 efectos WebGPU como componentes para React, Vue, Svelte, Solid y JavaScript
Shaders, WebGPU Components for React, Vue, Svelte, Solid, JavaScript and Framer
Shaders es una biblioteca de componentes WebGPU que ofrece más de 200 efectos como degradados, ruido, vidrio, metal, distorsiones y transiciones para React, Vue, Svelte, Solid y JavaScript. Incluye un editor de diseño visual que exporta el código del componente, una CLI para sincronizar los efectos con tu proyecto y un servidor MCP para que agentes de IA los instalen y editen. La versión Pro añade más de 1.000 presets y secciones de web listas para usar.
Cada efecto es un componente. <Shader> renderiza el lienzo; sus hijos son capas, evaluadas de arriba a abajo y mezcladas en la GPU.