正文

Shaders开源200+WebGPU组件，AI写网页特效不用再从零写WGSL

动察 Beating AI 快讯，网页特效工具 Shaders 宣布开源。它主要用来制作渐变、流体、玻璃、金属、扭曲等 GPU 动态效果，让开发者不用自己从底层写图形代码，也能给网站加上复杂视觉特效。

这次 Shaders 把 200 多个 WebGPU 特效组件、核心渲染引擎和多种前端框架适配代码以 MIT 协议开放。开发者可以免费用于个人和商业项目。也可以先在它的网页编辑器里把效果调好，再免费导出 React、Vue、Svelte 等项目能直接使用的代码。

这套东西对 AI Coding 也很实用。Claude Code、Cursor、Codex 等 Agent 可以通过 MCP 直接搜索和调用这些组件。以前 Agent 想做复杂网页特效，往往需要临时生成底层 WGSL 代码，效果和性能都不稳定。现在可以直接在现成组件上修改，少掉大量从零写代码和调性能的工作。

不过 Shaders 没有把整个产品全部开源。可视化编辑器仍由官方运营，部分高级预设、完整网页区块和图片、视频渲染等能力继续放在付费 Pro 版。

原文链接：https://m.theblockbeats.info/flash/370549