跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

在浏览器里直接跑 WebGPU 着色器,Vercel 出的新库,带交互示例和 AI 友好文档

内容更新日期 · 2026-09-10

What is it · 它是什么

什么是 vgpu

vgpu 是 Vercel 出的 WebGPU 库:一套可组合的 API,同一份代码跑在浏览器 canvas、无头 Node.js 和 serverless 环境里。想入门前端图形/着色器方向,它的交互示例可以直接改参数看效果;它还内置 MCP 服务和 llms.txt,是「为 AI 编程时代设计文档」的代表样本。

How to use · 怎么用

怎么用 vgpu

  1. 打开官网 Interactive examples,直接改示例参数感受渲染管线。
  2. npx vgpu 起本地环境,把示例跑进自己的项目。
  3. 配合官方文档的 API 参考,把渲染逻辑组合进组件。

Key features · 核心特点

vgpu 的核心特点

  • 浏览器/Node/serverless 一套 API 通吃
  • 交互式示例可直接上手改
  • 为 AI 代理设计的文档与 MCP 接口
  • 开源免费,npm 直接装

同类推荐

内容型网站的首选框架:默认零 JS,需要交互的地方才插 React/Vue 岛屿

全球最流行的前端框架:v6 开始 CSS-first 主题化、组件翻新,连 AI 助手都有专属文档