Shaders開源200+WebGPU組件，AI寫網頁特效不用再從零寫WGSL

BiRun 訊，網頁特效工具 Shaders 宣布開源。它主要用來製作漸變、流體、玻璃、金屬、扭曲等 GPU 動態效果，讓開發者不用自己從底層寫圖形代碼，也能給網站加上復雜視覺特效。

這次 Shaders 把 200 多個 WebGPU 特效組件、覈心渲染引擎和多種前端框架適配代碼以 MIT 協議開放。開發者可以免費用於個人和商業項目。也可以先在它的網頁編輯器裡把效果調好，再免費導出 React、Vue、Svelte 等項目能直接使用的代碼。

這套東西對 AI Coding 也很實用。Claude Code、Cursor、Codex 等 Agent 可以通過 MCP 直接蒐索和調用這些組件。以前 Agent 想做復雜網頁特效，往往需要臨時生成底層 WGSL 代碼，效果和性能都不穩定。現在可以直接在現成組件上脩改，少掉大量從零寫代碼和調性能的工作。

不過 Shaders 沒有把整個產品全部開源。可視化編輯器仍由官方運營，部分高級預設、完整網頁區塊和圖片、視頻渲染等能力繼續放在付費 Pro 版。

信源

動察 Beating 頻道 · 動察 Beating 交流羣。