​
Toolbar

The Toolbar displays the tools you have available to create, rig, and manipulate 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. Toolbar Pn Read more on the Toolbar page.

Toolbar

Access design and animation tools from the Rive Editor toolbar

​
Hierarchy

All the objects, assets, controls, and animations that make up your file appear in the Hierarchy. You’ll also find the Assets Panel, and Data Panel here. Hierarchy Pn

Hierarchy

The Hierarchy is a tree view, which shows both the parent-child relationships between objects on the stage as well as the order in which they are rendered. Learn about the Hierarchy by either watching the video or reading more below.

​
Inspector

The Inspector allows you to adjust the properties for the currently selected object, whether that’s an object on the stage, timeline, or state machine. Inspector Pn Read more on the Inspector page.

Inspector

An object’s editable properties can be found in the Inspector. The Inspector changes dynamically depending on your selected object and where you are in the editor.

​
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. Stage Pn Read more on the Stage page:

Stage

The Stage is an infinite canvas where you can place artboards containing all your graphics.

​
Timeline

Clean Shot2025 06 26at11 33 04@2x Pn The Timeline surfaces from the bottom of the screen upon entering animate mode. Here you can create new states, access playback controls, settings, and set keyframes for object parameters. Select an timeline from the left-hand list to switch between the respective timelines. Read more on the Timeline page:

Timeline

The Rive interface displays a timeline with playback controls and options for the current animation in Animate mode. A list of all animations is displayed to the left of the Timeline. Keep in mind that these are animations for the currently active artboard.

​
State Machine graph

Clean Shot2025 06 26at11 33 28@2x Pn When a state machine is selected, the Timeline is replaced by a graph. This is where you’ll be working on the state machine. Read more on the State Machine page.

State Machine

State Machines are a visual way to connect animations together and define the logic that drives the transitions.