WebGPU
caution
WebGPU support in deck.gl v9 is still a work in progress and is not production ready.
deck.gl is gradually adding support for running on WebGPU. Support is landing layer by layer and feature by feature.
This page is conservative and source-based:
✅means the current tree contains an explicit WebGPU/WGSL implementation, or the API is a thin wrapper over one.🚧means some code paths work, but the full API surface is not yet ported.❌means there is no in-tree WebGPU implementation yet.
For composite and wrapper layers, statuses are based on their default or general rendering path, not on every possible custom sublayer configuration.
Enabling WebGPU
deck.gl needs to be set up to use a luma.gl device that uses the luma.gl webgpuAdapter.
import {webgpuAdapter} from '@luma.gl/webgpu';
new Deck({
deviceProps: {
type: 'webgpu',
adapters: [webgpuAdapter]
}
});
Layers
The table below covers the public layer exports from the layer packages. It is derived from the current source tree rather than the website badges, which may lag behind in-tree ports.
| Module | Layer | WebGL | WebGPU |
|---|---|---|---|
@deck.gl/layers | ArcLayer | ✅ | ❌ |
@deck.gl/layers | BitmapLayer | ✅ | ❌ |
@deck.gl/layers | IconLayer | ✅ | ✅ |
@deck.gl/layers | LineLayer | ✅ | ✅ |
@deck.gl/layers | PointCloudLayer | ✅ | ✅ |
@deck.gl/layers | ScatterplotLayer | ✅ | ✅ |
@deck.gl/layers | ColumnLayer | ✅ | ❌ |
@deck.gl/layers | GridCellLayer | ✅ | ❌ |
@deck.gl/layers | PathLayer | ✅ | ✅ |
@deck.gl/layers | PolygonLayer | ✅ | ❌ |
@deck.gl/layers | GeoJsonLayer | ✅ | ❌ |
@deck.gl/layers | TextLayer | ✅ | ❌ |
@deck.gl/layers | SolidPolygonLayer | ✅ | ❌ |
@deck.gl/aggregation-layers | ScreenGridLayer | ✅ | ❌ |
@deck.gl/aggregation-layers | HexagonLayer | ✅ | ❌ |
@deck.gl/aggregation-layers | ContourLayer | ✅ | ❌ |
@deck.gl/aggregation-layers | GridLayer | ✅ | ❌ |
@deck.gl/aggregation-layers | HeatmapLayer | ✅ | ❌ |
@deck.gl/mesh-layers | SimpleMeshLayer | ✅ | ❌ |
@deck.gl/mesh-layers | ScenegraphLayer | ✅ | ❌ |
@deck.gl/geo-layers | A5Layer | ✅ | ❌ |
@deck.gl/geo-layers | GreatCircleLayer | ✅ | ❌ |
@deck.gl/geo-layers | S2Layer | ✅ | ❌ |
@deck.gl/geo-layers | QuadkeyLayer | ✅ | ❌ |
@deck.gl/geo-layers | TileLayer |