Rive Guide
Search…
Shapes and Paths
Rive allows you to create, edit, and animate vector graphics using either procedural or custom shapes. These graphics combine shape and path layers to define them, which Rive exposes to give you greater flexibility and control with your designs and animations.
To learn more about Shape and Path layers, watch our video on Shapes and Paths, or read more below.

Vectors in Rive are rendered on shape layers. Shape layers define the style of the shape by allowing you to customize the fill and stroke.

The actual shape of a vector is defined by a path (or multiple paths). Expanding a shape layer in Rive will reveal the paths it's using.
‌You can add new paths to any shape by dragging and dropping an existing path onto the desired shape layer.

Path layers display properties that to the type of path. Learn more about procedural shapes.

Use the Enter key to quickly navigate down the Hierarchy. If you have a shape selected, this allows you to select the child path layer quickly.
Use the Esc key to quickly navigate up the Hierarchy. If you have a path selected, this allows you to select the parent shape layer quickly.
Copy link
On this page
Shape layer
Path layer
Path layer properties
Enter and Esc shortcuts