Data Binding - Lists, Images, and Artboards
Runtime | Version |
---|---|
Web | ✅ 2.30.3+ |
React | ✅ 4.22.0+ |
React Native | Not yet supported |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ 0.0.4 |
Apple | ✅ v6.11.0+ |
Android | 🚧 Coming soon |
C++ | ✅ Supported |
Unity | ✅ v0.3.7-canary.142 |
Unreal | Not yet supported |
Right to Left Layouts & Text
Runtime | Version |
---|---|
Web | ✅ 2.26.7+ |
React | ✅ 4.18.6+ |
React Native | ✅ 9.2.1+ |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ v0.0.1-dev.7+ |
Apple | ✅ 6.7.4+ |
Android | ✅ 10.0.4 |
C++ | ✅ Supported |
Unity | ✅ 0.3.5+ |
Unreal | ✅ 0.3.0a-gh |
Text Follow Path
Runtime | Version |
---|---|
Web | ✅ 2.26.7+ |
React | ✅ 4.18.6+ |
React Native | ✅ 9.2.1+ |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ v0.0.1-dev.7+ |
Apple | ✅ 6.7.4+ |
Android | ✅ 10.0.4 |
C++ | ✅ Supported |
Unity | ✅ 0.3.5+ |
Unreal | ✅ 0.3.0a-gh |
Data Binding
Runtime | Version |
---|---|
Web | ✅ 2.26.6+ |
React | ✅ 4.20.0+ |
React Native | ✅ 9.3.0+ |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ 0.0.1-dev.8+ |
Apple | ✅ 6.8.0+ |
Android | ✅ 10.1.0+ |
C++ | ✅ Supported |
Unity | ✅ 0.3.6-canary.27 |
Unreal | ✅ 0.3.0a-gh |
Vector Feathering
Runtime | Version |
---|---|
Web (@rive-app/webgl2 ) | ✅ 2.26.0+ |
Web (@rive-app/canvas and @rive-app/webgl ) | Not supported |
React (@rive-app/react-webgl2 ) | ✅ 4.18.0+ |
React (@rive-app/react-canvas and @rive-app/react-webgl ) | Not supported |
React Native | ✅ 9.0.0+ |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 6.6.0+ |
Android | ✅ 10.0.0+ |
C++ | ✅ Supported |
Unity | ✅ 0.3.3-canary.72+ |
Unreal | ✅ 0.3.0a-gh |
N-Slicing
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.23.11+ |
React | ✅ 4.16.7+ |
React Native | ✅ 8.2.0+ |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 6.4.0+ |
Android | ✅ 9.12.0+ |
C++ | ✅ Supported |
Unity | ✅ 0.2.2-canary.22+ |
Unreal | ✅ 0.2.2+ |
Layouts
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.23.3+ |
React | ✅ 4.16.0+ |
React Native | ✅ 8.1.0+ |
Flutter | ✅ 0.14.0-dev.1 |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 6.3.0+ |
Android | ✅ 9.10.0+ |
C++ | ✅ Supported |
Unity | ✅ 0.2.1+ |
Unreal | ✅ 0.2.1+ |
Fallback Fonts
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | Not yet supported |
React | Not yet supported |
React Native | Not yet supported |
Flutter | Not yet supported |
Flutter (rive_native) | Not yet supported |
Apple | ✅ 6.1.0+ |
Android | ✅ 9.7.0+ |
C++ | ✅ Supported |
Unity | Not supported |
Unreal | Not Supported |
Nested Text
Runtime | Version | |
---|---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.21.0+ | |
React | ✅ 4.14.0+ | |
React Native | ✅ 5.8.2+ | |
Flutter | ✅ 0.13.7+ | |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 | |
Apple | ✅ 6.1.0+ | |
Android | ✅ 9.8.0+ | |
C++ | ✅ Supported | |
Unity | ✅ Supported | |
Unreal | ✅ 0.1.14+ |
Nested Inputs
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.17.3+ |
React | ✅ 4.11.3+ |
React Native | ✅ 7.2.0+ |
Flutter | ✅ 0.13.7+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.13.2+ |
Android | ✅ 9.4.2+ |
C++ | ✅ Supported |
Unity | ✅ 0.1.174+ |
Unreal | ✅ Supported |
Randomization
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.15.6+ |
React | ✅ 4.9.5+ |
React Native | ✅ 7.0.3+ |
Flutter | ✅ 0.13.4+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.11.5+ |
Android | ✅ 9.3.5+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Audio
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.15.6+ |
React | ✅ 4.9.5+ |
React Native | ✅ 7.0.3+ |
Flutter | ✅ 0.13.4+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.11.5+ |
Android | ✅ 9.3.5+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Nested Inputs and Nested Events
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.7.0+ |
React | ✅ 4.5.0+ |
React Native | ✅ 6.2.0+ |
Flutter | ✅ 0.12.3+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.6.0+ |
Android | ✅ 8.7.0+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Out-of-band Assets
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.7.0+ |
React | ✅ 4.5.0+ |
React Native | ✅ 8.4.0+ |
Flutter | ✅ 0.12.0+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.7.0+ |
Android | ✅ 8.6.1+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ 0.1.14+ |
Events
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.4.3+ |
React | ✅ 4.3.3+ |
React Native | ✅ 6.1.0+ |
Flutter | ✅ 0.11.17+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.3.1+ |
Android | ✅ 8.4.0+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Text
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 2.1.3+ |
React | ✅ 4.1.3+ |
React Native | ✅ 6.0.3+ |
Flutter | ✅ 0.11.14+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 5.1.5+ |
Android | ✅ 8.1.3+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Follow Path
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 1.2.4+ |
React | ✅ 3.0.55+ |
React Native | ✅ 5.0.0+ |
Flutter | ✅ 0.11.6+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 4.0.5+ |
Android | ✅ 6.0.1+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Interpolation on States
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 1.2.1+ |
React | ✅ 3.0.54+ |
React Native | ✅ 4.1.2+ |
Flutter | ✅ 0.11.4+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 4.0.4+ |
Android | ✅ 5.1.5+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Joysticks
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 1.1.9+ |
React | ✅ 3.0.49+ |
React Native | ✅ 4.1.0+ |
Flutter | ✅ 0.11.1+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 4.0.1+ |
Android | ✅ 5.0.0+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Solos
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 1.1.2+ |
React | ✅ 3.0.42+ |
React Native | ✅ 4.0.4+ |
Flutter | ✅ 0.10.4+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 3.1.9+ |
Android | ✅ 4.4.0+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Speed on States
Runtime | Version |
---|---|
Web (@rive-app/canvas ) | ✅ 1.0.102+ |
Web (@rive-app/webgl ) | ✅ 1.0.98+ |
React | ✅ 3.0.38+ |
React Native | ✅ 4.0.1+ |
Flutter | ✅ 0.10.3+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 3.1.7+ |
Android | ✅ 4.2.7+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Graph Editor
Runtime | Version |
---|---|
Web (@rive-app/canvas ) | ✅ 1.0.97+ |
Web (@rive-app/webgl ) | ✅ 1.0.93+ |
React | ✅ 3.0.34+ |
React Native | ✅ 4.0.1+ |
Flutter | ✅ 0.10.0+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 3.1.3+ |
Android | ✅ 4.2.2+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
Listeners
Runtime | Version |
---|---|
Web (@rive-app/canvas ) | ✅ 1.0.65+ |
Web (@rive-app/webgl ) | ✅ 1.0.62+ |
React | ✅ 3.0.6+ |
React Native | ✅ 3.0.38+ |
Flutter | ✅ 0.9.0+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 2.0.21+ |
Android | ✅ 3.0.8+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
rive-react
- Starting in v3.0.0
the React runtime has split into two different published packages; @rive-app/react-canvas
and @rive-app/react-webgl
, each wrapping the respective @rive-app/canvas
and @rive-app/webgl
web runtimes. We recommend using @rive-app/react-canvas
@rive-app/webgl
- There is a new flag here, useOffscreenRenderer
which is off by default. This flag will allow you to work around the various browser constraints on the number of WebGL contexts created. We highly recommend setting this option to true
when instantiating Rive in the high-level API. See more here: https://github.com/rive-app/rive-wasm#other-notes.rive-react-native
- Starting in v3.0.0
, it will have a minimum iOS 14.0
supportMesh Deformation
Runtime | Version |
---|---|
Web (@rive-app/canvas ) | ✅ 1.0.47+ |
Web (@rive-app/webgl ) | ✅ 1.0.44+ |
React | ✅ 3.0.1+ |
React Native | ✅ 2.1.37+ |
Flutter | ✅ 0.8.4+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 1.0.18+ |
Android | ✅ 2.0.24+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
rive-react
- Starting in v3.0.0
the React runtime has split into two different published packages; @rive-app/react-canvas
and @rive-app/react-webgl
, each wrapping the respective @rive-app/canvas
and @rive-app/webgl
web runtimes. We recommend using @rive-app/react-canvas
@rive-app/webgl
- There is a new flag here, useOffscreenRenderer
which is off by default. This flag will allow you to work around the various browser constraints on the number of WebGL contexts created. We highly recommend setting this option to true
when instantiating Rive in the high-level API. See more here: https://github.com/rive-app/rive-wasm#other-notes<canvas>
elements that display Rive animations (or <RiveComponent />
in the React runtimes)@rive-app/webgl
to display mesh on Firefox for best performanceCaching a Rive File
Runtime | Version |
---|---|
Web | ✅ Supported |
React | ✅ Supported |
React Native | Not yet supported |
Flutter | ✅ Supported |
Flutter (rive_native) | ✅ Supported |
Apple | ✅ Supported |
Android | ✅ Supported |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | Not yet supported |
Raster Assets
Runtime | Version |
---|---|
Web (@rive-app/canvas and @rive-app/webgl ) | ✅ 1.0.2+ |
React | ✅ 0.0.28+ |
React Native | ✅ 2.1.36+ |
Flutter | ✅ 0.8.1+ |
Flutter (rive_native) | ✅ >= 0.0.1-dev.6 |
Apple | ✅ 1.0.1+ |
Android | ✅ 2.0.5+ |
C++ | ✅ Supported |
Unity | ✅ Supported |
Unreal | ✅ Supported |
rive-js
and moved to a multi-package setup for a JS runtime that runs against the context2d
and webgl
renderer:@rive-app/canvas
- Renders Rive with a CanvasRenderingContext2D
renderer@rive-app/webgl
- Renders Rive with a WebGLRenderingContext
renderer.@rive-app/canvas
dependency, but check here to see which might fit your needs better