Today for AI
返回热点榜
tools热度 4.7°

AI 聚簇研判事件 · 2026/10/6

Canvas UI 开源：WebGPU 驱动 35 个实时 DOM 特效组件

Canvas UI Launches: 35 WebGPU-Powered Real-Time DOM Effects

1 篇报道存证1 家独立信源交叉印证持续跟踪至 2026/10/6 10:00:00
全景综述与最新动态
1 家信源交叉印证

React Bits 作者发布首个基于 HTML-in-Canvas API 的开源组件库 Canvas UI，提供 35 个支持 WebGL/WebGPU 双后端的 GPU 加速特效组件。该库通过捕获实时 DOM 并上传为纹理实现流体、火焰等效果，同时保留文本选择与无障碍访问能力。它以源码形式通过 shadcn 注册表分发，并支持 MCP 协议供智能体调用。

最新动向/React Bits 作者发布首个基于 HTML-in-Canvas API 的开源组件库 Canvas UI，提供 35 个支持 WebGL/WebGPU 双后端的 GPU 加速特效组件。该库通过捕获实时 DOM 并上传为纹理实现流体、火焰等效果，同时保留文本选择与无障碍访问能力。它以源码形式通过 shadcn 注册表分发，并支持 MCP 协议供智能体调用。

TIMELINE报道时间线

共 1 篇 · 最新优先
  1. InfoQ 中文T2·68 分

    Canvas UI 开源：WebGPU 驱动 35 个实时 DOM 特效组件

    原文标题：一边是 WebGPU 视觉革命，一边是浏览器垄断争议：Canvas UI 发布 35 个组件

    • 首个基于 HTML-in-Canvas API 的组件库，实现真实 DOM 内容的 GPU 实时渲染
    • 提供 35 个跨框架组件，均包含 WebGL (GLSL) 和 WebGPU (WGSL) 双后端实现
    • 通过 drawElementImage 捕获 DOM 为纹理，保留文本选择、链接点击及无障碍树结构
    • 采用 shadcn 注册表源码分发模式，并支持 MCP 协议以便 AI 助手浏览安装