Shaders 是一套开源的 WebGPU 着色器组件库，采用 MIT 许可，面向现代前端开发。官方定位为“为现代前端打造的着色器魔法”，目标用户是前端开发者与设计工程师。
用途方面，Shaders 用于在网页中快速实现高质量的着色器视觉效果。用户可以从组件库中挑选基础组件，进行混合、叠加、遮罩与变换，无需编写着色器代码即可创造独特效果。
主要能力包括：
- 开源 WebGPU 组件：适配 Vue、React、Svelte、Solid 与原生 JS，可直接在项目中使用，如示例中的 components/GlassBackground.tsx。
- 大量基础组件：官方提到 210+ 基础组件，可自由混搭；同时提供预设与分区（section）库，其中预设库在 Pro 版中完整开放。资料中“Unlock a library of 0 production-ready presets”一处的数字显示为 0，具体数量暂未提供。
- 免费设计编辑器：提供专业级编辑器，可实时调整任意属性并即时预览，支持免费导出代码；可在无限画布上布局多个着色器，并排比较不同变体。
- 导入自有素材：支持导入图片、视频和 SVG 素材，将其转换为具有高级材质、滤镜和 3D 效果的交互式着色器。
- 内置交互：可通过鼠标移动、自动动画、图层映射或代码中的响应式状态驱动任意属性。
- 命令行/智能体工作流：可从智能体或终端搜索预设、安装着色器组件，并与设计编辑器保持同步；只需描述想要的外观，智能体即可搜索预设库并安装和定制合适的着色器。
使用方式方面，开发者可以：1）直接在项目中使用组件（如 <GlassBackground />）；2）在免费设计编辑器中挑选、组合组件并实时调参；3）通过智能体或终端搜索、安装并同步组件；4）导入自有素材生成着色器。
适用场景包括前端页面视觉增强、品牌素材升级、SVG 形状效果、交互式视觉与动效设计，以及设计工程师与前端团队的效果原型验证。
收费与限制方面，开源组件与设计编辑器、代码导出免费且永久可用；Pro 版为 $199/年，面向每天发布效果的专业人士，提供完整的 Pro 预设与分区库，可随时取消。官方资料未提供更多平台支持、性能指标或具体预设数量的完整信息。
