Place the element on your page and add the link of your animation (you can use animation from https://rive.app/community/ to get started).
Rive Element provides a list of properties, states, events and actions to help you interact with your animations:

Properties:
- Animations: List of animations to play. If none is provided, rive will play the first animation in your .riv file.
- Playing: Specify if rive should play the animations.
- Alignment: how should the animation align in its canvas
- Fit: how should the animation fit in its canvas
- State Machines: List of state machines animation to run.
- Inputs: List of inputs and their state used in the state machine specify above.

States:
- playing
- paused
- stopped

Events:
- load: Triggered when animation is initially loaded
- loadError: Triggered if something went wrong at load time.
- play: Triggered when an animation start playing
- pause: Triggered when an animation is paused
- stop: Triggered when an animation is stopped
- loop: Triggered when an animation has looped
- statechange: Triggered when a state has changed.

Actions:
- play: Run the animations specified in the properties if any.
- pause: Pause the animations specified in the properties if any.
- stop: Stop the animations specified in the properties if any.
- scrub: Move the animations specified in the properties to a specific time.
- trigger Input: Trigger an input of a state machine.
- set Boolean Input: Set the value of a boolean input of a state machine
- set Number Input: Set the value of a number input of a state machine