shaders 是一个把 WebGPU 特效做成声明式组件的前端库，200 多个效果直接当组件往页面里塞，不写一行显卡代码。
平时想给落地页加个流体渐变或者磨砂玻璃，要么找现成 CSS 技巧拼凑，效果和设计稿对不上；要么自己啃 shader 语言，为了一个光晕效果学一套新语法，写完还得在各大浏览器里调兼容。改个参数就要重编译重刷新，一晚上过去页面还没上路。
它把这些做成可嵌套的组件。渐变、噪点、玻璃、金属、光效、扭曲、转场、模糊、鼠标跟随效果都有，可以叠加、混合、加遮罩。比如给产品页头图叠一层液态渐变，再用鼠标跟随效果让光斑跟着指针走，写几个标签就出来，产出直接是页面里能跑的真特效。
它还配了一个在线设计编辑器。在无限画布上拖拽调效果，调到满意，直接导出对应框架的组件树，代码自动生成。手写参数再肉眼对比渲染结果这一步，整个被砍掉了。
框架支持 React、Vue、Svelte、Solid 和原生 JavaScript，所有框架下 props 一致。TypeScript 类型齐全，响应式更新，SSR 安全，已经有上千个网站在用。免费的编辑器加上开源代码，上手成本低，装完照着示例就能跑出第一个效果。
想让网页有电影感又不想学图形学的开发者，这个库可以直接进依赖清单。如果你感兴趣但不会装，评论区或私信喊我一声。