📖 AI 总结

Canvas UI 是由 React Bits 作者 David Haz 推出的开源组件库，也是首个基于实验性 HTML-in-Canvas API 构建的 UI 方案，可在真实可交互的页面内容上运行 GPU 特效。它提供 35 个组件，涵盖流体、火焰、玻璃透镜、ASCII 滤镜等效果，每种效果均提供 GLSL 实现的 WebGL 版本和基于 vgpu 的 WGSL WebGPU 版本，并封装支持 React、Vue、Svelte 等主流框架及原生 TypeScript。其核心机制是通过 drawElementImage 捕获实时 DOM 作为着色器输入，文本仍可选中、链接可点击、无障碍树得以保留。组件以源码形式通过 shadcn 注册表分发，完整效果需在 Chrome 中启用相关标志或使用源试用令牌，其他环境则回退为普通 GPU 叠加层。该项目在 Hacker News 上引发争议，部分开发者担忧其仅限 Chrome 支持可能重演“拥抱、扩展再消灭”的历史，也有观点指出标准化流程本就要求先有实现。目前仓库 Star 数已超 4600，采用 MIT 加 Commons Clause 许可，允许商业使用但禁止转售。