High-performance 2d Graphics for React Native using Skia
Checkout the full documentation here.
React Native Skia brings the Skia Graphics Library to React Native. Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and Firefox OS, and many other products.
yarn add react-native-skiaReact Native Skia v3 renders with Graphite, Skia's new GPU backend. It runs on Metal on Apple platforms and on Vulkan on Android.
| v3 | v2 | |
|---|---|---|
| npm | react-native-skia |
react-native-skia@2 (@shopify/react-native-skia up to 2.14) |
| Skia backend | Graphite | Ganesh |
| Platforms | iOS, Android (API level 26 and above), macOS, Web | iOS, Android, macOS, Mac Catalyst, tvOS, Android TV, Web |
| Branch | main |
2.x |
| Documentation | wcandillon.github.io/react-native-skia | wcandillon.github.io/react-native-skia/v2 |
v2 is still maintained. To upgrade from v2 or from @shopify/react-native-skia, follow the migration guide.
Graphite runs on Dawn, Google's WebGPU implementation. With React Native WebGPU installed alongside it, Skia and WebGPU share the same GPU device and can exchange textures without any copy. This also works with three.js. See the WebGPU documentation.
For detailed information on library development, building, testing, and contributing guidelines, please see CONTRIBUTING.md.