Rive

Two Rive code components, which supports basic Rive setup and CMS property binding.

  • Rive Canvas, for traditional canvas rendering support
  • Rive WebGL2, for advanced rendering capabilities such as vector feathering
Documentation
collaboration illustration

Native Rive Element (Reference)

No CMS binding support. No feather support (?)
‍

Rive Code Component

Section description content here.
‍

Rive Artboard Selection

Choose the Artboard you want, bindable to a CMS text field.
‍

Rive State Machine Selection

Choose the State machine you want, bindable to a CMS text field.
‍

Rive CMS Property Binding

Store your Rives in the CMS. Bind the media, artboard, and state machine.
‍

Rive | Truck

Rive | Jeep

Rive | Jeep weather

Vector Feathering

Use Sygnal's Rive WebGL2 component when you need feathering.
CC BY 4.0

YLLW_Studio

Demo example of feathering and blending together. Colour modes and feathering is beautiful

Source LinkLicense Link