React Native WebGPU

Introduction

Libraries and frameworks that run on top of React Native WebGPU.

Because React Native WebGPU is symmetric to its Web counterpart, the libraries the web ecosystem built on top of WebGPU run here too, with only React Native specific glue (manual present(), Metro resolution, worklet setup).

In this section we list the most popular integrations and give you a few recommendations on which stack to use for your project.

Integrations

IntegrationWhat it gives you
WorkletsRun render loops on the UI thread or a dedicated worklet runtime, off the JS thread
Vision CameraApply real-time WGSL effects to live camera frames via zero-copy importExternalTexture
Three.jsThe WebGPURenderer from three/webgpu (scenes, cameras, materials)
React Three FiberThree.js as declarative JSX components
TensorFlow.jsOn-device ML through the WebGPU backend

On this page