High-performance React Native Graphics using Skia
See the codeHigh-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-skia
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 (@shopify/react-native-skia up to 2.14) |
| Skia backend | Graphite | Ganesh |
| Platforms | iOS, Android (API level 26 and above), 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.
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.
1,314 followers · starred Aug 2022
749 followers · starred Oct 2022
420 followers · starred Dec 2021
367 followers · starred Feb 2023
High-performance React Native Graphics using Skia
See the codeHigh-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-skia
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 (@shopify/react-native-skia up to 2.14) |
| Skia backend | Graphite | Ganesh |
| Platforms | iOS, Android (API level 26 and above), 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.
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.
1,314 followers · starred Aug 2022
749 followers · starred Oct 2022
420 followers · starred Dec 2021
367 followers · starred Feb 2023