Rive

Rive is a real-time interactive design tool that allows you to design, animate, and integrate your assets into your projects.

TWIG : Universes/_common/_twig/_components/_rive/_rive.twig
CSS component : DesignSystem/_tactics/_components/_css/_common/_rive/_rive.scss
JS : Universes/_common/_js/_rive.js
Runtime : Universes/_common/_js/_vendor/rive.2.38.1.js (supports data binding / View Models)

Beyond a plain animation, the rive object also accepts id, inputs, trigger / triggers, view_model (properties / images) and events (cross-Rive choreography).
Any clickable element can drive a Rive elsewhere in the DOM with data-rive-target="#id" + data-rive-trigger / data-rive-input + data-rive-value / data-rive-play.
From JS : RiveManager.fireTrigger / setInput / setProperty / setImage / play / pause / replay('#id', ...).
Listen to a Rive's events : $('#id').on('rive:<eventName>', fn).