Shaders:WebGPU 特效组件化新方案

Shaders, WebGPU Components for React, Vue, Svelte, Solid, JavaScript and Framer

Shaders 项目将 WebGPU 的强大图形能力封装为声明式组件,支持 React、Vue、Svelte、Solid 和纯 JavaScript 等多种框架。开发者无需手写复杂的着色器代码,只需像使用普通 UI 组件一样,通过嵌套、混合和遮罩来组合 200 多种特效,如渐变、噪点、玻璃拟态和光标轨迹。项目提供无限画布的可视化设计编辑器,设计完成后可直接导出对应框架的代码。此外,它还支持 CLI 工具同步项目,并集成了 MCP 服务器以便 AI 编程助手直接调用。从免费的基础组件到 Pro 版的千种预设,Shaders 让创建高性能的 GPU 加速视觉效果变得前所未有的简单。

大多数人都不是手写特效代码,而是通过设计来创作它们。

同日更多故事

2026-10-07