主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选
Shaders
WebGPU 特效变成声明式组件:光效、滤镜像写标签一样用,React/Vue/Svelte 都支持
内容更新日期 · 2026-10-13
What is it · 它是什么
什么是 Shaders
Shaders(shaders.com)把 GPU 加速的 WebGPU 视觉特效做成了声明式组件库:几百个 shader 组件分生成类(Aurora 极光、Plasma 等离子)和滤镜类(Blur、Glow),可以嵌套组合,React/Vue/Svelte/Solid 都有封装。基础组件库已开源(npm 包 shaders),预设库可在线浏览;预设导出器、可视化编辑器和 MCP 接口(AI 编程助手直接搜装特效)是付费 Pro。和站里 vgpu、ThreeUI 凑齐前端图形一套。
How to use · 怎么用
怎么用 Shaders
- 官网 Presets 页在线浏览几百个特效预设。
- npm 装 shaders,把特效当组件写进页面。
- 配 AI 编程助手的走 Pro 的 MCP 接口。
Key features · 核心特点
Shaders 的核心特点
- WebGPU 特效声明式组件化,可嵌套组合
- React/Vue/Svelte/Solid 全封装
- 基础库开源,预设在线浏览
- Pro 带可视化编辑器与 AI 接口
