⚡Awesome WebNN

A curated list of awesome things related to the Web Neural Network (WebNN) API.

Web Neural Network (WebNN) API is a new web standard that allows web apps and frameworks to accelerate deep neural networks with on-device hardware such as GPUs, CPUs, or purpose-built AI accelerators.

Your contributions are always welcome! Please read the contributing guidelines to get started.

WebNN Explained

• WebNN Explainer

Try out WebNN

• Go to about://flags#web-machine-learning-neural-network and enable the "Enables WebNN API" flag with Google Chrome Dev or Microsoft Edge Dev
• WebNN Installation Guide from W3C WebNN Samples, WebNN Developer Preview Demos or Intel AI PC Development

Contents

• Articles
• Blogs
• Browser Support
• Community
• Demos
  • Demos on CPU or GPU
  • Demos on NPU
• Frameworks
• Presentations
• Samples
  • Samples on CPU or GPU
  • Samples on NPU
• Spec
• Testimonials
• Tutorials
  • ONNX Runtime Web
  • WebNN API
• Videos
• Websites

Articles

• 2024.03 Web-Apps smarter machen mit offlinefähigen KI-Modellen, WebGPU und WebNN - by Christian Liebel
• 2023.03 Video Frame Processing on the Web – WebAssembly, WebGPU, WebGL, WebCodecs, WebNN, and WebTransport - by François Daoust

Blogs

• 2024.05 Intel: Announcing WebNN Developer Preview for the AI PC - by Qi Zhang
• 2024.05 Microsoft: WebNN Developer Preview through DirectML announced at Build 2024 - by Paval Davuluri
• 2024.05 NVIDIA: WebNN accelerated with NVIDIA RTX via DirectML announced at Build 2024 by Jesse Clayton
• 2024.04 W3C: Updated WebNN API Candidate Recommendation - by Dominique Hazael-Massieux, Anssi Kostiainen

Browser Support

• Implementation Status of WebNN Operations (data)
• WebNN browser support overview (data) - CanIUse.com

Community

• Web Machine Learning Working Group - W3C Community.
• Web Machine Learning Community Group - W3C Community.

Demos

Demos on CPU or GPU

• Image Classification (source) - EfficientNet Lite4, MobileNet V2, ResNet50
• Segment Anything (source)
• Stable Diffusion 1.5 (source) - Text Encoder, UNet, VAE, Safety Checker
• Stable Diffusion Turbo (source) - Text Encoder, UNet, VAE, Safety Checker
• Whisper Base (source) - Audio, recording, and real time Whisper transcription
• WebNN API Demo for Golang (source) - by Souyama

Demos on NPU

• Image Classification (source) - EfficientNet Lite4, MobileNet v2, ResNet50 (coming soon)
• Whisper Base (source) - Audio, recording, and real time Whisper transcription (coming soon)

Frameworks

• ONNX Runtime Web
  • WebNN Supported Versions
• Transformers.js

Presentations

• 2024.02 WebNN: Die AI-Revolution im Browser? - by Christian Liebel
• 2023.10 WebNN Implementation on DirectML - BlinkOn 18 - by Chai Chaoweeraprasit, Rafael Cintron, Ningxin Hu
• 2023.06 WebNN Updates PDF / 简体中文 - by Belem Zhang

Samples

Samples on CPU or GPU

• WebNN Samples (source)
• Code Editor (source)
• Face Recognition (source) - FaceNet, SSD MobileNet V2 Face
• Facial Landmark Detection (source) - Face Landmark (SimpleCNN), SSD MobileNet V2 Face
• Handwritten Digits Classification (source) - LeNet
• Image Classification (source) - MobileNet v2, ResNet50 v2, SqueezeNet
• Noise Suppression (source) - NSNet2
• Noise Suppression (source) - RNNoise
• Object Detection (source) - Tiny Yolo v2, SSD MobileNet v1
• Semantic Segmentation (source) - DeepLab v3
• Style Transfer (source) - Fast Style Transfer

Samples on NPU

• Image Classification (source) - EfficientNet Lite 4, MobileNet v2, ResNet 50 v1 (coming soon)
• Object Detection (source) - SSD MobileNet v1 (coming soon)

Spec

• W3C Web Neural Network API - by Ningxin Hu, Chai Chaoweeraprasit, Dwayne Robinson.

Testimonials

Tutorials

ONNX Runtime Web

• 2024.05 Microsoft Learn: Windows AI / DirectML: WebNN Overview (简体中文) (日本語)
• 2024.05 Microsoft Learn: Windows AI / DirectML: WebNN API Tutorial (简体中文) (日本語)
• WebNN Option in ONNX Runtime Web
• Import WebNN Experimental Feature
• Build with WebNN support via JavaScript Execution Provider
• WebNN Execution Provider

WebNN API

• Introduction to Web Neural Network API (WebNN) - by Paul Cooper
• Build Your First Graph with WebNN API
• Noise Suppression Net 2 (NSNet2)

Videos

• 2024.05 Microsoft Build '24: Bring AI experiences to all your Windows Devices by Adele Parsons
• 2024.05 Microsoft Build '24: The Web is AI Ready—maximize your AI web development with WebNN - by Moh Haghighat
• 2024.05 Web Neural Networks for the AI PC (bilibili) - by Guy Tamir
• 2023.10 Google BlinkOn 18: WebNN Implementation on DirectML - by Chai Chaoweeraprasit
• 2023.10 AI @ W3C by Dominique Hazael-Massieux
• 2021.12 OpenCV Webinar 13: Chinese, Use WebNN to Optimize OpenCV.js DNN - by Hanxi Guo
• 2021.11 Introducing WebNN as a new backend for TensorflowJS - by Shivay Lamba
• 2021.10 W3C TPAC: WebNN Performance Comparison - by Wanming Lin

Websites

• W3C Web Neural Network
• WebNN Developer Preview
• WebNN: Intel AI PC Development

Bug Reporting

• Chromium

Source Code

• Chromium

License