Article summary — original

Hugging Face Releases @huggingface/kernels and Fleet for In-Browser WebGPU Inference The WebAI team at Hugging Face has launched @huggingface/kernels alongside an initial library of 207 open-source WebGPU kernels and Fleet, a crowdsourced in-browser benchmarking suite. Released @huggingface/kernels and 207 Apache-2.0 licensed WebGPU kernels published as independent repositories on the Hugging Face Hub. Each kernel package contains explicit contracts and files including manifest.json, metadata.json, correctness cases (test.json), benchmark cases (bench.json), and parameterized WGSL templates (*.wgsl.jinja). On an Apple M4 GPU across 809 comparable test cases against ORT WebGPU, the kernels achieved a 2.57x geometric mean speedup (1.90x median speedup), winning 629 cases. Launched Fleet to gather crowdsourced correctness and performance data across diverse browser, GPU, and driver setups, while collaborating to upstream improvements to ONNX Runtime. Kernel Repositories and Architecture The release introduces 207 WebGPU kernels on Hugging Face Hub under the Apache-2.0 license. Rather than relying on static shader files, each operation has a dedicated repository containing an explicit contract via manifest.json, test cases in test.json, benchmark definitions in bench.json, and parameterized WGSL templates. This approach decouples operation semantics from implementation details, allowing runtimes to select optimized variants—such as vectorized or scalar broadcast paths—without altering application-facing APIs. Integration with @huggingface/kernels The JavaScript library @huggingface/kernels acts as the runtime loader, enabling applications to fetch and execute kernels directly from the Hub in WebGPU-compatible browsers. By specifying a repository identifier and contract version, developers can run operations like elementwise addition or matrix multiplication using standard typed arrays. The runtime automatically resolves output shapes and logical types based on the manifest, maintaining a stable API even as underlying shaders are updated. Performance and the Fleet Benchmarking Suite In comparative testing against ORT WebGPU on an Apple M4 GPU across 809 matched test cases, the kernels demonstrated a 2.57x geometric mean speedup, with specific operations like bilinear Einsum showing up to 10,000x improvements. To account for variations across hardware and drivers, Hugging Face also introduced Fleet, a browser-based suite that privately crowdsources benchmark and correctness data to identify hardware-specific failures and refine variant selection.

Article summary — zh

Hugging Face 发布 @huggingface/kernels 与 200 余个 WebGPU 算子库 Hugging Face 推出 @huggingface/kernels 库及首批 207 个开源 WebGPU 算子,旨在加速浏览器端本地 AI 推理,同时发布了基于浏览器的基准测试套件 Fleet。 首批上线 207 个遵循 Apache-2.0 协议的 WebGPU 算子仓库,并提供 JavaScript 加载器 @huggingface/kernels。 每个算子仓库包含语义契约 manifest、元数据、正确性测试、基准测试用例及参数化 WGSL 着色器模板。 在 Apple M4 GPU 上的测试显示,该算子集相比 ORT WebGPU 几何平均速度提升 2.57 倍,中位数提升 1.90 倍。 推出众测基准测试工具 Fleet,用以跨设备收集真实硬件的正确性与性能数据,相关成果正计划向上游合并至 ONNX Runtime。 算子仓库架构与调用方式 每个 WebGPU 算子以独立仓库形式发布在 Hugging Face Hub 上,通过 manifest.json 等文件定义输入输出契约与形状推导规则,并包含 *.wgsl.jinja 着色器模板。开发者可通过 npm 安装预览版 @huggingface/kernels,在支持 WebGPU 的浏览器环境下调用 getKernel 载入指定契约版本的算子,运行时会自动根据输入数据类型与形状进行派发与内存分配。 性能对比与 Fleet 众测测试 在 Apple M4 GPU 上针对 809 个可对比测试用例的比对中,该算子集在 629 个用例上优于 ORT WebGPU,几何平均提速 2.57 倍;在特定双线性 Einsum 用例中提速超 10,000 倍。由于 WebGPU 性能受硬件、驱动和浏览器影响较大,Hugging Face 同步推出浏览器端测试工具 Fleet,在征得用户同意后收集实际运行数据,协助排查极端错误并优化不同设备上的算子变体选择。

Saved original article

One of our biggest goals on the WebAI team at Hugging Face is to make browser inference as fast and as user-friendly as possible. Getting there is a multi-layer effort: models need browser-friendly representations, runtimes need to build efficient execution plans, and the individual GPU operations at the bottom of the stack need to make the most of many different devices and browser implementations. Today, we are releasing the first layer of that effort: @huggingface/kernels , a minimal library for loading and running optimized WebGPU kernels from the Hugging Face Hub, together with an initial collection of 207 kernels at huggingface.co/webgpu-kernels . The collection covers operations used across a wide variety of machine learning architectures and workloads. More importantly, each kernel is published as a complete, versioned package: its interface, shader templates, correctness cases, benchmark cases, and usage instructions all live together on the Hub. We are also launching Fleet , an in-browser GPU benchmarking and testing suite that runs and scores the kernels on your hardware. Beyond the results for your own machine, Fleet gives the community a way to contribute performance and correctness evidence from devices we could never cover in a conventional test lab. With your consent, every run adds private evidence that can help us find failures (incorrect results, pathologically slow cases, etc.), improve kernel variants, and make better optimization decisions across real-world hardware. TL;DR 207 WebGPU kernels , published as individual repositories in the webgpu-kernels organization. Apache-2.0 licensed. A JavaScript loader , @huggingface/kernels , which downloads, prepares, and runs kernels directly from the Hub. Explicit contracts and reproducible evidence for every kernel, including manifests, correctness tests, benchmark cases, and WGSL shader templates. Fleet , a browser-based benchmarking tool that crowdsources correctness and performance evidence across real-world GPUs to help us improve kernels and their variants. Why start with kernels? A model running in the browser eventually becomes a sequence of GPU operations: matrix multiplications, normalizations, convolutions, attention primitives, quantization operations, data-layout transformations, and many more. WebGPU makes these operations available across modern browsers through a portable API, while WGSL provides a common language for the shaders that execute them. Portability, however, does not automatically mean performance. Two shaders can implement the same operation and produce the same output while behaving completely differently across different accelerators. Workgroup sizes, memory access patterns, vectorization, data types, and fusion strategies can all affect performance. The best choice can also change with the input shape, device, browser, and available WebGPU features. This is why kernels form a foundational layer of fast browser inference. Higher-level runtimes can only be as efficient as the operations they dispatch. By making those operations individually discoverable, testable, benchmarkable, and versioned, we can improve the foundation independently while keeping a stable contract for the layers above it. A kernel repository, not just a shader Each kernel in the collection has its own repository and kernel card. The card documents the operation's semantics, inputs, outputs, attributes, supported data types, source files, and a ready-to-run @huggingface/kernels example. For example, ai.onnx.Add implements elementwise addition with multidirectional broadcasting. It is one of the simplest operations in a neural network, used everywhere from residual connections to adding a bias. Its card documents the two inputs, the broadcasted output shape, supported data types, and the variants available for different shapes and devices. The ai.onnx.Add repository packages its manifest, correctness and benchmark cases, and WGSL shader templates together. Behind the card, the repository contains the artifacts needed to understand and evaluate the implementation: manifest.json is the source of truth for the operation contract. It defines inputs, outputs, attributes, type constraints, and shape derivation rules. metadata.json records the kernel identifier, digests, and provenance. test.json contains correctness cases, so an implementation can be checked against expected behavior. bench.json contains benchmark and tuning cases that represent the workloads used to evaluate the kernel. *.wgsl.jinja files contain the parameterized WGSL implementations used to produce shaders for a particular request and device. This structure turns a shader into a reusable software artifact. The interface is inspectable without reading WGSL, correctness and performance cases travel with the implementation, and published versions can be loaded explicitly rather than depending on an unversioned file URL. Our kernels can also serve as reference implementations for developers building custom WebGPU kernels or integrating these operations into their own runtimes. Loading a kernel from the Hub Install the package from npm: npm install @huggingface/kernels@preview Running these kernels requires a browser with WebGPU support . WebGPU availability depends on the browser, operating system, GPU, and driver. You can check for it in JavaScript with "gpu" in navigator . @huggingface/kernels provides the bridge between a kernel repository and your application. Call getKernel with a Hub repository ID and a contract version, then invoke the returned function with typed input data and tensor shapes. Here is a small bias-add example: import { getKernel } from "@huggingface/kernels" ; const add = await getKernel ( "webgpu-kernels/ai.onnx.Add" , { version : 1 }); const { c } = await add ({ a : { data : new Float32Array ([ 1 , 2 , 3 , 4 , 5 , 6 ]), shape : [ 2 , 3 ], }, b : { data : new Float32Array ([ 10 , 20 , 30 ]), shape : [ 3 ], }, }); The second input is broadcast across the first dimension, producing an output with shape [2, 3] . The loader derives that output shape and logical data type from the manifest contract and the inputs, then allocates c automatically. Addition on six floats is deliberately the smallest possible demo. At this size, the GPU round trip costs far more than the math. The point is the call pattern: it stays exactly the same for the heavyweight operations where optimized kernels actually pay off, such as matrix multiplication ( ai.onnx.MatMul ). Only the repository ID and the inputs change. Even this elementary operation illustrates why kernels need variants. Equal-shape addition can use a direct vectorized path, while broadcasted inputs need different indexing logic. The published Add kernel includes variants for equal shapes, vectorized broadcasting, scalar processing, and general broadcasting. The runtime can select an implementation that fits the current call and device without changing the application-facing API. The version: 1 option selects version 1 of the published kernel contract . It is separate from an ONNX opset, an operator's since_version , or a model revision. Keeping those concepts separate lets applications depend on a stable JavaScript-facing contract while kernel implementations evolve behind it. How fast are the kernels? So, how much of a difference do optimized kernels actually make? We put our collection head-to-head with ORT WebGPU on an Apple M4 GPU, using ONNX Runtime Web 1.30.0-dev.20260826-b1f76d586a . We started with 1,756 test cases across all 207 operations and kept the 809 cases where both sides produced matching outputs and reliable timings. Across those comparisons, our kernels were 2.57x faster by geometric mean and 1.90x faster at the median , with 629 wins, 176 losses, and 4 ties. Here is a closer look at four familiar operations: Operation Compared cases Our WebGPU Kernel ORT WebGPU Speedup Add 5 0.064 ms 0.227 ms 3.52x MatMul 29 0.115 ms 0.131 ms 1.14x Softmax 12 0.114 ms 0.240 ms 2.11x LayerNormalization 6 0.061 ms 0.135 ms 2.22x Some individual wins were much bigger. A particularly difficult bilinear Einsum case ( i,ij,j with size 4096) ran in 0.136 ms with our kernel versus 1,396 ms with ORT WebGPU: more than 10,000x faster . A row-wise CumSum over [256, 4096] was 301x faster , at 0.016 ms versus 4.784 ms. These are unusual cases rather than the speedups you should expect everywhere, but they show how much a specialized kernel can help when a general implementation hits a slow path. We timed the work done on the GPU itself, leaving out setup such as loading kernels, creating sessions, uploading inputs, compiling shaders, and reading outputs back. Very short workloads are naturally harder to measure, and small cases can benefit from the GPU cache, so these numbers are best read as a useful comparison rather than a promise for every application. They are also results for individual operations, not complete models. Exact performance will change across GPUs and browsers, which is why Fleet is so important for building a broader picture. We are also working with the ONNX Runtime team to upstream these improvements so they can benefit the broader ONNX Runtime Web ecosystem. From one device to a fleet WebGPU performance varies across GPUs, browsers, and drivers, so results from one machine only tell part of the story. Fleet lets anyone run correctness and performance checks in the browser and see how the kernels behave on their hardware. With consent, each run privately contributes evidence that helps us spot device-specific failures, compare variants, and improve selection rules. The goal is simple: use broad, real-world coverage to make the kernels faster and more reliable for everyone. Building a shared foundation for WebAI The initial 207 kernels are a starting point, not the end state. Publishing kernels independently on the Hub gives us a common place to inspect contracts, compare implementations, reproduce correctness checks, and improve performance without embedding every shader directly into every runtime. The collection is also part of the Hub's broader kernel ecosystem: on the Kernels page , the WebGPU kernels sit alongside kernels for CUDA, ROCm, Metal, and other platforms, and can be filtered, sorted, and explored like any other artifact on the Hub. All 207 WebGPU kernels on the Hub's Kernels page , filtered by platform. The pieces reinforce one another: Kernel repositories define transparent, versioned operation contracts. @huggingface/kernels makes those operations straightforward to load and run from JavaScript. Fleet crowdsources real-world evidence across a much broader range of devices than a conventional benchmark lab can cover. Every contributed run can reveal failures, guide tuning, improve variant selection, and help validate future kernel versions. This is the low-level foundation for the next steps in our browser inference stack. We are excited to connect these kernels to higher-level model tooling, continue expanding operation coverage, and make fast local inference easier to use across the WebAI ecosystem. Explore the WebGPU kernel collection , try @huggingface/kernels , and join the Fleet to contribute evidence from your device and help us make the kernels better for everyone.