react-native-skia

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-skia

Installation instructions

v3 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.