Hierarchy
The hierarchy is always located on the left side of the editor.
Last updated
The hierarchy is always located on the left side of the editor.
Last updated
This article is out of date! Find the new version here.
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.
Parent-child relationships are a core concept in Rive, which allows you to create complex layered animations with minimal effort. Groups and Bones can have children in Rive.
Each row in the Hierarchy represents an item on the stage. A circle button with an arrow appears next to items that have children nested underneath them. This button allows you to expand and collapse the list of children.
Any type of object can be a parent or a child of another type of object. When an object is a child of another object, it inherits all the transformations of its parent.
The depth of these parent/child relationships is infinite, so you can keep stacking (or nesting) items to create grandchildren, great-grandchildren, and so on.
To change the relationship between objects, drag and drop the object onto or out of another.
In addition to displaying the relationships between objects, the Hierarchy shows you the Draw Order of a file, with the objects at the top being rendered in front and the objects at the bottom being rendered at the back.
To change the Draw Order of objects on the stage, drag and drop the shape, or group of shapes above or below another in the list.
The Draw Order can be animated, but the process is a bit more in-depth. Read about it on the Animating Draw Order page.
You can reverse the entire draw order of an Artboard by right-clicking on any object in the hierarchy and selecting Reverse All.
If you only need to reverse the Draw Order of a group, right-click on an object within a group and select Reverse.
You can change the name of any object by double-clicking the name.
The assets panel is where all of your Images, Lottie files, and Custom fonts will be added and appear. Read more about importing assets here.
