React Native Skia
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.
Getting Started
yarn add react-native-skiav3 and v2
React 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 |
| Skia backend | Graphite (Vulkan/Metal) | Ganesh (OpenGL/Metal) |
| Architecture | multi-threaded | single-threaded |
| Platforms | iOS, Android, macOS, Mac Catalyst, tvOS, 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.
WebGPU
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.
Contributing
For detailed information on library development, building, testing, and contributing guidelines, please see CONTRIBUTING.md.