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.

Shape layer

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

Path layer

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.