Rive's interface only shows what is needed, when you need it. The interface is divided into a few main panels, described below.


The Toolbar displays the tools you have available to manipulate and create items on the stage. In addition to these tools, the toolbar houses a variety of options to allow you to customize the look of your file, set your main artboard, and export or share your file.

Read more on the Toolbar page.


All the objects, assets, controls, and animations that make up your file appear in the Hierarchy.


The Inspector allows you to adjust the properties for the currently selected object.

Read more on the Inspector page.


The stage refers to the central area between the toolbar, the hierarchy, and the inspector. Here you can create the artboards that are the foundations of your designs and animations within Rive.

Read more on the Stage page:


The Timeline surfaces from the bottom of the screen upon entering animate mode. Here you can create new animations, access playback controls, and settings, and set keyframes for object parameters. Select an animation from the left-hand list to switch between the respective timelines.

Read more on the Timeline page:

State Machine graph

State Machine graph

When a state machine is selected, the Timeline is replaced by a graph.

Read more on the State Machine page.