Interface Overview

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

This article is out of date! Find the new version here.

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.

Hierarchy

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

pageHierarchy

Inspector

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

Stage

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.

Timeline

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.

State Machine graph

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