前端想加高级动效,结果 WGSL 写到头大?这一步其实可以跳过。
Shaders 把 200 种 WebGPU 特效做成了现成组件:渐变、噪点、玻璃、光标拖尾,都是直接能贴的效果。贴进 React、Vue、Svelte、Solid、JS、Framer 都能用,不用手写着色器。
用法也简单:画布上把效果调到满意,导出代码,放到自己的页面里。想给官网提质感,又不想为一个动效啃一整套图形编程,直接拿来用最划算。
项目地址:
正文完
前端想加高级动效,结果 WGSL 写到头大?这一步其实可以跳过。
Shaders 把 200 种 WebGPU 特效做成了现成组件:渐变、噪点、玻璃、光标拖尾,都是直接能贴的效果。贴进 React、Vue、Svelte、Solid、JS、Framer 都能用,不用手写着色器。
用法也简单:画布上把效果调到满意,导出代码,放到自己的页面里。想给官网提质感,又不想为一个动效啃一整套图形编程,直接拿来用最划算。
项目地址: