Tech · · 3 min read
WebGPU now ships in every major browser. Here's what still doesn't have it
Chrome, Edge, Firefox and Safari all ship WebGPU by default, but not on every platform. A platform-by-platform breakdown and what it means for your next project.
Yes, you can use WebGPU in production in 2026, as long as you keep a fallback. Chrome, Edge, Firefox and Safari all ship it by default, but support still depends on the operating system and, in some cases, the GPU.
This page breaks down where it works, where it doesn't, and how to plan for the gap. The platform details come from the WebGPU implementation status page maintained by the W3C GPU for the Web group, and from the browsers' own release notes.
Where WebGPU ships by default
| Browser | Platforms shipping by default | Since |
|---|---|---|
| Chrome and Edge (Chromium) | Windows, macOS, ChromeOS | Chrome 113 |
| Chrome (Android) | Android 12+ on ARM, Qualcomm and Intel GPUs | Chrome 121 |
| Chrome (Linux) | Intel Gen12+ GPUs | Chrome 144 |
| Chrome (Linux) | NVIDIA on Wayland (driver 535.183.01+) | Chrome 147 |
| Firefox | Windows | Firefox 141 |
| Firefox | macOS on Apple Silicon | Firefox 145 (macOS 26+), 147 (all macOS versions) |
| Safari | macOS, iOS, iPadOS, visionOS | Safari 26 |
Safari was the last big piece. WebKit's Safari 26.0 release notes, published 15 September 2025, confirmed WebGPU on macOS, iOS, iPadOS and visionOS.
Where it's still missing or behind a flag
At the time of writing, the implementation status page lists these gaps:
- Firefox on Linux: on by default in Nightly; Mozilla expects to ship it in 2026.
- Firefox on Android: behind a flag, with work expected in 2026.
- Chrome on Windows ARM64: behind a flag.
- Chrome on Linux with other GPUs: behind a flag and command-line switches.
- Some Android GPUs: for example Samsung Xclipse, listed as in progress.
On top of that come older devices and OS versions. Safari's support starts at version 26, so an iPhone that can't update to iOS 26 won't get WebGPU. That's the long tail you plan for.
What this means for designers and front-end developers
The practical rule: treat WebGPU as an enhancement, not a requirement.
- Check for support, don't guess from the browser name. Check
navigator.gpuand whetherrequestAdapter()returns an adapter. A browser can expose the API and still fail to give you a GPU adapter. - Use tools that fall back for you. Three.js's
WebGPURendereruses WebGPU when it can and falls back to WebGL 2 when it can't. Writing shaders in TSL means one version for both. - Design the fallback, too. For decorative effects the right fallback is often a static image or a CSS gradient, not a second renderer. Decide what the page looks like without the GPU effect before you build it.
- Test on a real phone. Mobile GPUs, thermal throttling and battery drain are where GPU-heavy pages go wrong.
async function hasWebGPU() {
if (!("gpu" in navigator)) return false;
try {
return (await navigator.gpu.requestAdapter()) !== null;
} catch {
return false;
}
}Should you pick WebGPU or WebGL for a new project?
| If you're building… | Recommendation |
|---|---|
| A decorative gradient or texture | Neither directly. Use a small shader library and keep a static fallback. |
| A 3D product viewer or scene | Three.js WebGPURenderer, so WebGL 2 covers the gaps |
| Heavy compute, like large particle systems or in-browser ML | WebGPU, with a clear message or reduced mode where it's missing |
| An existing app full of custom GLSL materials | Stay on WebGL until you can budget time for the port |
If you're weighing libraries, see shader libraries for the web in 2026.
FAQ
Is WebGPU supported on iPhone?
Yes, from iOS 26 in Safari. Devices on older iOS versions don't get it.
Does Firefox support WebGPU?
On Windows since Firefox 141, and on Apple Silicon Macs since Firefox 145 (147 for all macOS versions). Linux and Android were still in progress at the time of writing.
Is WebGL going away?
There's no sign of browsers removing WebGL. It's still the widest-reaching fallback, and libraries like Three.js keep a WebGL 2 path.
How do I check support live?
Test navigator.gpu.requestAdapter() in the browser. For planning, the implementation status page is the most detailed per-platform reference.
Sources
More to read

Tools · · 5 min read
Figma Config 2026: what you can use today, and what's still a waitlist
Code Layers, Figma Motion, shader fills, generative plugins and a bigger Figma agent. What each one does, and which you can actually open in Figma today.
- Design
Design · · 3 min read
Squircles in CSS: how corner-shape works, and how to ship it safely
The corner-shape property gives CSS real squircles, scoops and notches. How it works with border-radius, browser support, and a fallback that needs no extra code.