Skip to main content

Overview

Rive is a real-time interactive design and animation tool that lets you create graphics and animations that run perfectly within mobile apps and beyond. Play is the only design tool that lets you import, preview, interact with, and data-bind real Rive runtime animations exactly as they would behave in your shipped app. You can adjust inputs, trigger states, modify logic, or update the Rive file itself, and see the changes reflected instantly inside Play projects. This makes Play the fastest and most accurate way to design, refine, and validate Rive animations for iOS—right inside the same native environment your app will run in.

Upload Rive Files

Once you’ve created a Rive animation or found one in the Rive marketplace, upload it as an asset in Play, either by:
  • Dragging it and dropping it onto the canvas in an open Play file
  • Uploading it through a Play project’s assets panel
  • Adding a Rive element to the page/canvas and uploading the Rive file from that element

Use Data Binding

As Rive explains it, “Data binding is a ‘contract’ between designers and developers” that introduces “intermediate data that both sides can bind to.” Data binding allows you to create View Models with properties that designers can use in their designs and developers can connect to a data source. A designer can use “Color 1” across their Rive and the developer can separately define what “Color 1” is. Rive has been moving users away from inputs and towards data binding, and Rive users can easily test their Rive files with data binding inside Play using one or more of the following actions:

Set a View Model Instance

Update a bound View Model instance or a nested View Model instance using a Rive / Set View Model action.

Learn more about Rive / Set View Model actions

Learn more about View Models in Rive

Set a Data Model Property

Update a value of a data bound property (of type number, string, enum, boolean, list, list index, or artboard) in Rive using a Rive / Set Data Model Property action.

Learn more about Rive / Data Model Property actions

Learn more about Data Model Properties in Rive

Set a Data Model List

Update a data bound list in Rive by adding a new view model instance, removing an instance, swapping the position of instances within the list, or modifying a data property of an instance within the list—all with a Rive / Set Data Model List action.

Learn more about Rive / Set Data Model List actions

Learn more about Data Model Lists in Rive

Trigger Interactions when Bound Data Changes

Fire a set of actions in Play when bound data changes, either in Rive or through a different Play interaction.

Learn more about Rive Event triggers

Set Playback, Inputs, and More

While Rive recommends using data binding, we know some users will still prefer to work with Rive inputs. Here are the animation and input based interactions we currently support:

Set Playback

Play, pause, toggle play, stop, or restart a Rive file with a Set Rive Playback action.

Learn more about Set Rive Playback actions

Learn more about Rive Animations

Set Input

Control a Rive file’s interactive inputs, like numbers, booleans, or triggers, with a Set Rive Input action.

Learn more about Set Rive Input actions

Learn more about Inputs and State Machines in Rive

Set Artboard

Update the Rive file’s artboard or State Machine with a Set Rive Artboard action.

Learn more about Set Rive Artboard actions

Learn more about Artboards in Rive

Set Text

Replace the value of a Rive text run with a Rive / Set Text action.

Learn more about Rive / Set Text actions

Learn more about Text Runs in Rive

Set Audio

Mute or adjust a Rive file’s audio with a Set Rive Mute or Set Rive Volume action, respectively.

Learn more about Set Rive Mute actions

Learn more about Set Rive Volume actions

Rive Event

Fire a set of actions in Play when an event — like playback, animation, state change, or data bind change — occurs in a Rive file using a Rive Event trigger placed on the Rive element.

Learn more about Rive Event triggers

Learn more about Rive Events